下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家,也给大家做个参考。
body { background-color: #ECECEC; font-family: 'Open Sans',sans-serif; font-size: 14px; color: #3c3c3c; } .demo p:first-child { text-align: center; font-family: cursive; font-size: 150px; font-weight: bold; line-height: 100px; letter-spacing: 5px; color: #fff; } .demo p:first-child span { cursor: pointer; text-shadow: 0px 0px 2px #686868,0px 1px 1px #ddd,0px 2px 1px #d6d6d6,0px 3px 1px #ccc,0px 4px 1px #c5c5c5,0px 5px 1px #c1c1c1,0px 6px 1px #bbb,0px 7px 1px #777,0px 8px 3px rgba(100,100,0.4),0px 9px 5px rgba(100,0.1),0px 10px 7px rgba(100,0.15),0px 11px 9px rgba(100,0.2),0px 12px 11px rgba(100,0.25),0px 13px 15px rgba(100,0.3); -webkit-transition: all .1s linear; transition: all .1s linear; } .demo p:first-child span:hover { text-shadow: 0px 0px 2px #686868,0px 1px 1px #fff,0px 2px 1px #fff,0px 3px 1px #fff,0px 4px 1px #fff,0px 5px 1px #fff,0px 6px 1px #fff,0px 8px 3px #fff,0px 9px 5px #fff,0px 10px 7px #fff,0px 11px 9px #fff,0px 12px 11px #fff,0px 13px 15px #fff; -webkit-transition: all .1s linear; transition: all .1s linear; } .demo p:not(:first-child) { text-align: center; color: #666; font-family: cursive; font-size: 20px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; line-height: 2em; margin-top: -50px; }
以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。
如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。