-
查看全部 -
Trantrom:持續(xù)的時間查看全部
-
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style> .mainDiv{ width:100px; height:100px; margin:100px auto; text-align: center; line-height: 100px; font-weight: bold; color:#ddd; background:#ddd; border:1px solid #ddd; -webkit-transform:rotate(0deg) scale(1); -moz-transform:rotate(0deg) scale(1); transform:rotate(0deg) scale(1); -webkit-transition:1s; -moz-transition:1s; transition:1s; } .mainDiv:hover{ -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transform:rotate(720deg) scale(2); background:#f00; } </style> <title>css3特效</title> </head> <body> <div class="mainDiv">您好</div> </body> </html>查看全部
-
box-shadow 陰影查看全部
-
box-shadow position z-index transform:rotate scale transition查看全部
-
.mainDiv:hover{ background-color:red; color:#000; -webkit-transform:rotate(720deg) scale(2); }查看全部
-
-webkit-是Chrome和Safari瀏覽器的前綴 -moz-是firefox瀏覽器前綴查看全部
-
transition // 設(shè)置元素樣式由1變?yōu)?查看全部
-
transform // 設(shè)置元素變形屬性，旋轉(zhuǎn)縮放扭曲等查看全部
-
z-index // 設(shè)置圖片是第幾層，z軸查看全部
-
position // 定位圖片查看全部
-
box-shadow // 設(shè)置陰影查看全部
-
-webkit- 是Chrome 和 Safari瀏覽器的前綴 -moz- 是Firefox 瀏覽器的前綴查看全部
-
加特技查看全部
-
考慮瀏覽器兼容性查看全部
舉報
0/150
提交
取消