<!DOCTYPE html> <head> <style> .wfc { left: -200px; top: 1000px; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; } .pin { width: 236px; font-size: 12px; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); -moz-box-shadow: 0 1px 3px rgba(0,0,0,.3); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3); } </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>纯CSS实现的波浪形菜单效果_脚本分享网</title> <link rel="stylesheet" href="__ROOT__/Index/Tpl/tpl/dhcss/style.css" type="text/css" media="screen" /> </head> <body> <div class="navi1"> <ul> <li class="sm1"><a href="http://sc.chinaz.com"></a></li> <li class="sm2"><a href="http://sc.chinaz.com"></a></li> <li class="sm3"><a href="http://sc.chinaz.com"></a></li> <li class="sm4"><a href="http://sc.chinaz.com"></a></li> <li class="sm5"><a href="http://sc.chinaz.com"></a></li> </ul> </div> <HR style="FILTER: progid:DXImageTransform.Microsoft.Glow(color=#987cb9,strength=10)" width="80%" color=#987cb9 SIZE=1> <div data-id="43460131" data-seq="43460131" data-source="weibo.com" data-created-at="1359428707" class="pin wfc "> <img src="__ROOT__/Index/Tpl/tpl/dhcss/1.jpg" width="236" height="355" alt="Div采集到55"> <p>我相信，真正在乎我的人，是不会被别人抢走的。无论是友情，还是爱情。——三毛</p> </div> </body> </html>
