CSS3 0動畫相容模板

2021-07-23 15:59:57 字數 1218 閱讀 6585

/***********=animation+keyframes*************************====*/

.animation

@-webkit-keyframes myrotate

100%

}@-ms-keyframes myrotate

100%

}@keyframes myrotate

100%

}/***********=transition*************************===*/

.transition

/***********父本檢視設定==perspective+origin**********===*/

.perspective

/****************=transform-style***************====*/

.style

/****************=backface-visibility***************====*/

.backface-visibility

/***********=origin***************=*/

/*===origin3d:50% 50% 200px(z軸一半)**********===*/

/*==不要關鍵字right,長度單位,百分比====*/

.origin

/******====rotate=轉動**********=*/

/*====包括rotatex()和rotatey()*****=*/

.rotate

/******====translate=平動**********=*/

.translate

/******====scale=縮放**********=*/

.scale

/******====skew=傾角**********=*/

.skew

/******====box-shadow=陰影**********=*/

/*box-shadow:內陰影 右偏 下偏 模糊度 擴散度 陰影顏色*/

.box-shadow

/***********===linear-gradient=線性漸變***************====*/

/***********=radial-gradient**********==*/

.linear-gradient

CSS3 0屬性集合

變換屬性 transform rotate 設定元素的旋轉角度 格式 transform rotate 角度值 transform rotate 30deg deg代表 度 webkit transform rotate 30deg scale 設定元素的縮放變換 格式 transform scal...

vs怎麼支援css3 0

vs2010 在安裝standards update for vs2010 sp1後,vs2010中沒有css3.0問題,以下是我的解決方法 2 安裝 3 win r 輸入 regedit 開啟登錄檔 4 找到 hkey local machine software wow6432node micr...

CSS3 0入門筆記(二)

1.transition 運動時間 屬性 運動型別 延遲時間 transition 10s all ease 2s transition 1s width linear,2s height ease in,1s background ease 2.旋轉transform rotate 角度deg 旋...