滿意答案

KKKso

2017.04.04

采納率：44%????等級：9

已幫助：61人

方框用過渡走一圈變色用css實現方法

CSS3樣式，ClassName = animate

.animate{

width:65px;

height:40px;

background:#92B901;

color:#ffffff;

position:absolute;

font-weight:bold;

font:12px '微軟雅黑', Verdana, Arial, Helvetica, sans-serif;

padding:20px 10px 0px 10px;

display:blcok;

margin:5px;

-webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;

-webkit-border-radius:5px;

-o-transition-property:width,height,-o-transform,background,font-size,opacity;

-o-transition-duration:1s,1s,1s,1s,1s,1s;

-moz-transition-property:width,height,-o-transform,background,font-size,opacity;

-moz-transition-duration:1s,1s,1s,1s,1s,1s;

transition-property:width,height,transform,background,font-size,opacity;

transition-duration:1s,1s,1s,1s,1s,1s;

border-radius:5px;

opacity:0.4;

}

.animate:hover{

-moz-transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-o-transform: rotate(360deg);

transform: rotate(360deg);

opacity:1;

background:#1ec7e6;

width:90px;

height:60px;

font-size:16px;

}

00分享舉報

總結

以上是生活随笔為你收集整理的html 边框循环变色,方框用过渡走一圈变色用css怎么实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。