-
box-shadow查看全部
-
位移的一種用法查看全部
-
transform關(guān)鍵技術(shù)點(diǎn)查看全部
-
關(guān)鍵技術(shù)點(diǎn)查看全部
-
關(guān)鍵技術(shù)點(diǎn)查看全部
-
box-shadow 屬性介紹查看全部
-
純Css實(shí)現(xiàn)照片墻效果查看全部
-
transform查看全部
-
照片墻的制作步驟查看全部
-
<!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{ background:red; color:black; -webkit-transform:rotate(720deg) scale(2); -moz-transform:rotate(720deg) scale(2); transform:rotate(720deg) scale(2); } </style> <title>css3特效</title> </head> <body> <div class="mainDiv">您好</div> </body> </html>查看全部
-
-webkit-是Chrome和Safair瀏覽器的前綴 -moz-是Firefox瀏覽器的前綴查看全部
-
transform 功能:是元素變形的屬性,其配合rotate(旋轉(zhuǎn)角度) scale(縮放倍數(shù)) skew(扭曲元素)等參數(shù)一起使用查看全部
-
box-shadow 給元素的邊框添加陰影的效果 position 給元素定位，主要用到絕對(duì)定位 z-index 設(shè)置元素 的上下層顯示順序 transform 使元素變形的屬性 transition設(shè)置元素由樣式1轉(zhuǎn)變?yōu)闃邮?的過(guò)程 CSS3中的transform： transform.rotate(旋轉(zhuǎn)角度); transform.scale(縮放倍數(shù)); transform.skew(扭曲元素);查看全部
-
<!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); transition:all 1s ease-out 1s; } .mainDiv:hover{ transform:rotate(720deg) scale(2);background:#f00;color:#000; } </style> <title>css3特效</title> </head> <body> <div class="mainDiv">您好</div> </body> </html>查看全部
-
transform:元素變形屬性。rotate：旋轉(zhuǎn)角度；scale：縮放倍數(shù)；skew：扭曲元素查看全部
舉報(bào)
0/150
提交
取消