国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 内乡县| 皮山县| 化州市| 长宁县| 图片| 洛南县| 定日县| 汝南县| 博罗县| 江源县| 浪卡子县| 金阳县| 和龙市| 聂荣县| 奉化市| 利川市| 山阳县| 城市| 邯郸市| 建湖县| 蒙城县| 扬中市| 五大连池市| 醴陵市| 白朗县| 临安市| 辛集市| 尉犁县| 雅安市| 左云县| 襄汾县| 丹棱县| 安平县| 茂名市| 沈阳市| 化德县| 古浪县| 衡水市| 安顺市| 肥西县| 油尖旺区|