纯CSS3实现的3D丝带效果.zip资源-CSDN文库

共4个文件

jpg：2个

html：1个

css：1个

版权申诉

html5

jQuery

javascript

74 浏览量 2022-11-25 10:22:13 上传评论收藏 42KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

纯CSS3实现的3D丝带效果.zip （4个子文件）

纯CSS3实现的3D丝带效果

纯CSS3实现的3D丝带效果.jpg 37KB

jiaoben93

bck.jpg 4KB

index.html 1KB

style.css 3KB

<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS3实现的3D丝带效果_网页模板</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div class="menu"> <ul> <li class="l1"><a href="#">CSS3</a></li> <li class="l2"><a href="#">is really</a></li> <li class="l3"><a href="#">powerful</a></li> </ul> <span>by PV.M Garage</span> </div> <div class="bubble"> <div class="rectangle"><h2>3D CSS Ribbon</h2></div> <div class="triangle-l"></div> <div class="triangle-r"></div> <div class="info"> <h2>I Have Used Only CSS, friends!</h2> <p> For this tutorial I have used some new properties of the CSS3. You can realize a nice 3D effect using only CSS, it's really fantastic.<br />It doesn't work with IE! </p> <p> <a href="http://www.moobnn.com/">Go to the tutorial!</a><br /> </p> </div> </div> </div> <div style="text-align:center;clear:both"> <br><p>适用浏览器：FireFox、Chrome、Safari、傲游、搜狗. 不支持IE8、360。</p><br> <p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉