纯CSS3单击按钮3D动画事件.zip资源-CSDN文库

共3个文件

html：1个

js：1个

css：1个

版权申诉

jQuery特效

CSS特效

网页特效

146 浏览量 2023-10-08 20:38:17 上传评论收藏 3KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯CSS3单击按钮3D动画事件.zip （3个子文件）

jiaoben8429

script.js 144B

css

style.css 3KB

index.html 2KB

<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>纯CSS3单击按钮3D动画事件 - 站长素材</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css"> </head> <body> <main> <button class="button" type="button"> <div class="wrapper"> <div class="front">Click</div> <div class="top"></div> <div class="right"></div> <div class="bottom"></div> <div class="left"></div> <div class="back">Thank You!</div> </div> </button> <button class="button" type="button"> <div class="wrapper"> <div class="front">Click</div> <div class="top"></div> <div class="right"></div> <div class="bottom"></div> <div class="left"></div> <div class="back">Thank You!</div> </div> </button> <button class="button" type="button"> <div class="wrapper"> <div class="front">Click</div> <div class="top"></div> <div class="right"></div> <div class="bottom"></div> <div class="left"></div> <div class="back">Thank You!</div> </div> </button> <button class="button" type="button"> <div class="wrapper"> <div class="front">Click</div> <div class="top"></div> <div class="right"></div> <div class="bottom"></div> <div class="left"></div> <div class="back">Thank You!</div> </div> </button> </main> <script src="js/script.js"></script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：Chrome、FireFox、360、搜狗、Opera、傲游. 不支持Windows版Safari、IE8及以下浏览器。</p> <p>来源：<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉