CSS3宠物精灵皮卡丘场景特效.zip资源-CSDN文库

共2个文件

html：1个

css：1个

版权申诉

jQuery特效

CSS特效

网页特效

176 浏览量 2023-10-14 23:57:29 上传评论收藏 4KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS3宠物精灵皮卡丘场景特效.zip （2个子文件）

jiaoben7178

css

style.css 18KB

index.html 3KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>CSS3宠物精灵皮卡丘场景特效 - 【更多源码：www.96flw.com】</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="container"> <ul class="moon"> <li class="crater"></li> <li class="crater"></li> <li class="crater"></li> </ul> <ul class="mountain-range"> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> <li class="mountain"></li> </ul> <div class="mountain-range-mask"></div> <ul class="forest"> <li class="hill"></li> <li class="hill"></li> <li class="hill"></li> </ul> <ul class="sparkles"> <li class="sparkle one"></li> <li class="sparkle one"></li> <li class="sparkle one"></li> <li class="sparkle one"></li> <li class="sparkle two"></li> <li class="sparkle two"></li> <li class="sparkle two"></li> <li class="sparkle two"></li> <li class="sparkle three"></li> <li class="sparkle three"></li> <li class="sparkle three"></li> <li class="sparkle three"></li> <li class="sparkle four"></li> <li class="sparkle four"></li> <li class="sparkle four"></li> <li class="sparkle four"></li> <li class="sparkle five"></li> <li class="sparkle five"></li> <li class="sparkle five"></li> <li class="sparkle five"></li> <li class="sparkle six"></li> <li class="sparkle six"></li> <li class="sparkle six"></li> <li class="sparkle six"></li> <li class="sparkle seven"></li> <li class="sparkle seven"></li> <li class="sparkle seven"></li> <li class="sparkle seven"></li> <li class="sparkle eight"></li> <li class="sparkle eight"></li> <li class="sparkle eight"></li> <li class="sparkle eight"></li> </ul> <div class="grass"> <div class="pokemon"> <div class="poke" id="bulbasaur"> <div class="ear"></div> <div class="ear"></div> <div class="head"></div> <div class="leg"></div> <div class="bulba-body"></div> <div class="bulbs"> <div class="bulb"></div> </div> </div> <div class="poke" id="pikachu"> <div class="ear"></div> <div class="ear"></div> <div class="hand"></div> <div class="pika-body"></div> <div class="head"></div> <div class="pika-tail"></div> </div> </div> </div> </div> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉