国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開(kāi)發(fā) > CSS > 正文

一款純css3實(shí)現(xiàn)的鼠標(biāo)懸停動(dòng)畫(huà)按鈕

2024-07-11 08:30:15
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友

　　今天給大家?guī)?lái)一款純css3實(shí)現(xiàn)的鼠標(biāo)懸停動(dòng)畫(huà)按鈕。這款按鈕鼠標(biāo)經(jīng)過(guò)前以正方形的形式，當(dāng)鼠標(biāo)經(jīng)過(guò)的時(shí)候以動(dòng)畫(huà)的形式變成圓形。效果圖如下：

　　實(shí)現(xiàn)的代碼。

　　html代碼：

復(fù)制內(nèi)容到剪貼板
  1. <div>           <span></span>  
  2.     </div>  

　　css3代碼：

CSS Code復(fù)制內(nèi)容到剪貼板
  1. body            {   
  2.             background-color: #333;            }   
  3.         div            {   
  4.             width: 200px;                height: 200px;   
  5.             margin: 0 auto;            }   
  6.         span            {   
  7.             position: relative;                width: 180px;   
  8.             height: 180px;                display: block;   
  9.             margin: auto;                top: 25px;   
  10.             border: 20px solid rgba(255, 255, 0, .25);                background-color: rgba(124,155,13,1);   
  11.             -webkit-transition: .5s;                -moz-transition: .5s;   

發(fā)表評(píng)論 共有條評(píng)論
用戶(hù)名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 高台县| 城步| 延边| 凌云县| 奇台县| 平安县| 关岭| 武安市| 新余市| 宿州市| 鲁甸县| 武胜县| 梅州市| 永康市| 砚山县| 清徐县| 杂多县| 鄂尔多斯市| 枣阳市| 怀来县| 无棣县| 洛川县| 敖汉旗| 萍乡市| 松阳县| 商都县| 图们市| 咸阳市| 永仁县| 黑水县| 上杭县| 兴隆县| 莒南县| 砚山县| 三江| 扎囊县| 奇台县| 贵定县| 四川省| 曲靖市| 凤阳县|