Home >Web Front-end >HTML Tutorial >CSS3梅花三弄特效_html/css_WEB-ITnose

CSS3梅花三弄特效_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:20:071723browse

效果预览:http://hovertree.com/texiao/js/22/

效果图:


代码如下:

<html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>CSS3+JS梅花飘落 - 何问起</title><base target="_blank" /><link href="http://hovertree.com/texiao/js/22/themes/hovertreemeihua.css" rel="stylesheet" type="text/css" /></head><body><div style="margin-top:60px;"><h2>若非一番寒彻骨,哪得梅花扑鼻香</h2><h2>问世间情为何物,直教人生死相许</h2><a href="http://hovertree.com">何问起</a> <a href="http://hovertree.com/h/bjaf/meihua.htm">原文</a> <a href="http://hovertree.com/texiao/">特效</a></div><div id="hewenqi"><div class="playHovertree"> </div><div class="pauseHovertree hovertreerun"> </div></div><link href="http://hovertree.com/texiao/js/22/themes/hovertreemusic.css" rel="stylesheet" /><script src="http://hovertree.com/ziyuan/jquery/jquery-1.12.1.min.js"></script><script src="http://hovertree.com/texiao/js/22/themes/hovertreemusic.js"></script><script src="http://hovertree.com/texiao/js/22/themes/hovertreemeihua.js"></script></body></html>

转自:http://hovertree.com/h/bjaf/meihua.htm

推荐:http://hovertree.com/h/bjaf/h9tb5itb.htm

更多特效:

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn