下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。
内存溢出小编现在分享给大家，也给大家做个参考。
<!DOCTYPE HTML><HTML lang="en-US"><head> <Meta charset="UTF-8"> <Title>Google Plus Tip buttons|w3cplus</Title> <Meta name="keywords" content="CSS3学习,CSS3属性详解,CSS3 Transition,如何学好CSS3"> <Meta name="description" content="W3CPLUS是一个前端爱好者的家园，W3CPLUS努力打造最优秀的web 前端学习的站点。W3CPLUS力求原创，以一起学习，一起进步，共同分享为原则。W3CPLUS站提供了有关于CSS,CSS3,HTML,HTML5,jquery,手机移动端的技术文档、DEMO、资源，与前端爱好者一起共勉。"> <link rel="shortcut icon" href="http://www.w3cplus.com/sites/all/themes/marvin/favicon.ico"> <link rel="stylesheet" type="text/CSS" href="http://www.w3cplus.com/demo/CSS3/base.CSS" media="all" /> <link rel="stylesheet" type="text/CSS" href="CSS/style.CSS" media="all"><style>body { background: #c0c0c0;}.demo { wIDth: 500px; margin: 50px auto;}.control_buttons li { display: inline-block; margin:0 10px 10px 0;}.icon { position: relative; display: inline-block; color: #545454; text-shadow:0 -1px 0 #282828,0 1px 1px #e1e1e1; padding: 8px 10px 4px; Box-shadow: 0 1px 0 #f4f4f4 inset; border: 1px solID #7d7d7d; border-radius: 3px; background: -webkit-linear-gradIEnt(top,#ececec,#bfbfbf); background: -moz-linear-gradIEnt(top,#bfbfbf); background: linear-gradIEnt(top,#bfbfbf);}.icon:hover { color: #545454; text-decoration:none; background: -webkit-linear-gradIEnt(top,#f7f5f5,#c9c7c7); background: -moz-linear-gradIEnt(top,#c9c7c7); background: linear-gradIEnt(top,#c9c7c7);}.icon:hover span { max-height: 36px;}.icon span { position: absolute; left: -32px; top: 30px; display: block; overflow: hIDden; max-height: 0; text-align: center; z-index: 2; -webkit-Transition: max-height .3s linear; -moz-Transition: max-height .3s linear; Transition: max-height .3s linear;}.icon span em { display: block; wIDth: 100px; line-height: 26px; Font-style: normal; color: #fff; text-shadow:0 0 0 #fff; margin-top: 10px; background-color:#000;}.icon span em:after { position: absolute; left: 50%; top: 0; content: ''; wIDth: 1px; height: 1px; border: 5px solID transparent; border-bottom-color: #000; margin-left: -5px;}.icon:before,.icon:after,.search:after { Font-family: 'icomoon'; speak: none; Font-weight: normal; -webkit-font-smoothing: antialiased; display: inline-block; Font-size: 15px;}.icon1:before { content: "";}.icon2:before { content: "";}.icon3:before { content: "";}.icon4:before { content: "";}.icon5:before { content: "";}.icon6:before { content: "";}.icon7:before { content: "";}.icon8:before { content: "";}.icon9:before { content: "";}.icon10:before { content: "f";}.icon11:before { content: "a";}.icon12:before { content: "b";}.icon13:before { content: "c";}.icon14:before { content: "d";}.icon15:before { content: "";}.icon16:before { content: "";}.icon17:before { content: "";}.icon18:before { content: "";}.icon19:before { content: "a";}.icon20:before { content: "";}.icon21:before { content: "";}.icon22:before { content: "";}.icon23:before { content: "";}.icon24:before { content: "e";}.icon25:before { content: "f";}.icon26:before { content: "";}.icon27:before { content: "";}.icon28:before { content: "";}.icon29:before { content: "";}.icon30:before { content: "";}.icon31:before { content: "b";}.icon32:before { content: "a";}.icon33:before { content: "";}.icon34:before { content: "";}.icon35:before { content: "";}.icon36:before { content: "";}.icon37:before { content: "f";}.icon38:before { content: "c";}.icon39:before { content: "";}.icon40:before { content: "";}.icon41:before { content: "f";}.icon42:before { content: "";}.icon43:before { content: "";}.icon44:before { content: "";}.icon45:before { content: "d";}.icon46:before { content: "c";}.icon47:before { content: "";}.icon48:before { content: "e";}.arrow:after { content: ""; margin-right: -3px;}@Font-face { Font-family: 'icomoon'; src:url('Fonts/icomoon.eot'); src:url('Fonts/icomoon.eot?#IEfix') format('embedded-opentype'),url('Fonts/icomoon.svg#icomoon') format('svg'),url('Fonts/icomoon.woff') format('woff'),url('Fonts/icomoon.ttf') format('truetype'); Font-weight: normal; Font-style: normal;} </style></head><body><div > <nav ID="top_nav"> <ul > <li><a href="http://www.w3cplus.com" target="_blank">w3cplus</a></li> <li><a href="http://www.w3cplus.com/resources/CSS3-tutorial-and-case" target="_blank">CSS3详解教程</a></li> <li><a href="http://www.w3cplus.com/demos/List.HTML" target="_blank">CSS3实例</a></li> <li><a href="http://www.w3cplus.com/demo/Tags/242.HTML" target="_blank">藤藤每日一练</a></li> </ul> <a ID="read" href="http://www.w3cplus.com/demo/Google-plus-tip-buttons.HTML" target="_blank">查看原文>></a> </nav></div><div > <header ID="header"> <hgrounp > <h1>Google Plus Tip buttons</h1> <h2>作者：藤藤(如有更好建议或疑问请加群：1041263)<h2> </hgrounp> </header> <section > <ul > <li> <a href="#" > <span><em>icon-Home</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Music</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Image</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Text</em></span> </a> </li> <li> <a href="#" > <span><em>icon-file</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Bell</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Calendar</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Upload</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Download</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>icon-News</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Load</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Avatar</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Search</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Cake</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Rise</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Delete</em></span> </a> </li> <li> <a href="#" > <span><em>icon-App</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Good</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Upload</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Download</em></span> </a> </li> <li> <a href="#" > <span><em>icon-link</em></span> </a> </li> <li> <a href="#" > <span><em>icon-like</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Phone</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Pad</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Computer</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Mouse</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Wifi</em></span> </a> </li> <li> <a href="#" > <span><em>icon-Tencent</em></span> </a> </li> <li> <a href="#" > <span><em>icon-transform</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>select-Set Up</em></span> </a> </li> <li> <a href="#" > <span><em>browser-Apple</em></span> </a> </li> <li> <a href="#" > <span><em>browser-Window</em></span> </a> </li> <li> <a href="#" > <span><em>browser-Chrome</em></span> </a> </li> <li> <a href="#" > <span><em>browser-IE</em></span> </a> </li> <li> <a href="#" > <span><em>browser-Opera</em></span> </a> </li> <li> <a href="#" > <span><em>browser-Net..</em></span> </a> </li> <li> <a href="#" > <span><em>chat-...f</em></span> </a> </li> <li> <a href="#" > <span><em>chat-f...</em></span> </a> </li> <li> <a href="#" > <span><em>chat-git...</em></span> </a> </li> <li> <a href="#" > <span><em>chat-f...</em></span> </a> </li> </ul> </section> <section ID="ad_w3cplus"> <div > <script type="text/JavaScript">/*250*250，创建于2012-10-14-3*/var cpro_ID = "u1089145";</script><script src="http://cpro.baIDustatic.com/cpro/ui/c.Js" type="text/JavaScript"></script> </div> <div > <script type="text/JavaScript">/*250*250，创建于2012-10-14-2*/var cpro_ID = "u1089141";</script><script src="http://cpro.baIDustatic.com/cpro/ui/c.Js" type="text/JavaScript"></script> </div> <div > <script type="text/JavaScript">/*250*250，创建于2012-10-11*/var cpro_ID = "u1086065";</script><script src="http://cpro.baIDustatic.com/cpro/ui/c.Js" type="text/JavaScript"></script> </div> <p><script type="text/JavaScript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baIDu.com/h.Js%3F177319b798978621f83845b12c86fa29' type='text/JavaScript'%3E%3C/script%3E"));</script></p> </section></div></body></HTML> 以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
总结以上是内存溢出为你收集整理的Google Plus Tip Buttons全部内容，希望文章能够帮你解决Google Plus Tip Buttons所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）