纯css3实现的9款鼠标悬停后图片散开动画特效源码.zip资源-CSDN文库

共14个文件

jpg：11个

css：2个

html：1个

版权申诉

css3

14 浏览量 2022-10-31 23:58:39 上传评论收藏 644KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯css3实现的9款鼠标悬停后图片散开动画特效源码.zip （14个子文件）

132687037580200582

css

sim-prev-anim.css 17KB

main.css 1KB

images

lanren_05.jpg 65KB

lanren_06.jpg 82KB

lanren_07.jpg 86KB

lanren_11.jpg 71KB

lanren_02.jpg 55KB

lanren_08.jpg 79KB

lanren_10.jpg 59KB

lanren_03.jpg 49KB

lanren_04.jpg 54KB

lanren_09.jpg 74KB

lanren_01.jpg 80KB

index.html 6KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>9款css3鼠标划过图片散开特效代码</title> <link href="css/main.css" rel="stylesheet" type="text/css"/> <link href="css/sim-prev-anim.css" rel="stylesheet" type="text/css" /> </head> <body>  <div class="albums"> <div class="albums-inner"> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-1"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-1 <span>(7 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-2"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-2 <span>(5 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-3"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> <img src="images/lanren_08.jpg" class="all studio"/> <img src="images/lanren_09.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-3 <span>(9 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-4"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> <img src="images/lanren_08.jpg" class="all studio"/> <img src="images/lanren_09.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-4 <span>(9 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-5"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-5 <span>(5 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-6"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> <img src="images/lanren_08.jpg" class="all studio"/> <img src="images/lanren_09.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-6 <span>(9 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-7"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-7 <span>(4 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-8"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> <img src="images/lanren_08.jpg" class="all studio"/> <img src="images/lanren_09.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-8 <span>(9 pictures)</span></div> </div> <div class="albums-tab"> <div class="albums-tab-thumb sim-anim-9"> <img src="images/lanren_01.jpg" class="all studio"/> <img src="images/lanren_02.jpg" class="all studio"/> <img src="images/lanren_03.jpg" class="all studio"/> <img src="images/lanren_04.jpg" class="all studio"/> <img src="images/lanren_05.jpg" class="all studio"/> <img src="images/lanren_06.jpg" class="all studio"/> <img src="images/lanren_07.jpg" class="all studio"/> <img src="images/lanren_08.jpg" class="all studio"/> <img src="images/lanren_09.jpg" class="all studio"/> </div> <div class="albums-tab-text">.sim-anim-9 <span>(9 pictures)</span></div> </div> </div> </div>  </body> </html>

评论收藏

内容反馈

版权申诉