css3过度效果
<!DOCTYPE html> <HTML> <HEAD> <TITLE> New Document </TITLE> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> p a{ font-size:20px; display:block; font-weight:bold; background:#00aaFF; color:#FFF; width:200px; padding:10px; text-shadow:0px 1px #ccc; border-radius:5px; box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8); transition-property:all; transition-duration:2s; transition-timing-function:ease; transition-timing-function:cubic-bezier; transition-delay:0s; } a:hover{ background:#11ccaa; } </style> <script type="text/javascript"></script> </HEAD> <BODY> <p> <a href="#">Hello World !</a> </p> </BODY> </HTML>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。