變形元素旋轉css陰影

蓦然JL發表於2024-03-25

一、 css3 transform 變換

translate(x,y) 設定盒子的位移

scale(x,y)設定盒子縮放

roate(dog) 設定盒子的旋轉

skew(x-angle,y-angle) 設定盒子的斜切

perspective 設定透視距離

transform-styoleflat :preserved-3d設定盒子是否按3d空間顯示

translateX translateY translateZ 設定三維移動

rolateX rolateY rolateZ 設定三維的旋轉

scaleX scaleY scaleZ 設定三位縮放

tranform-origin 設定變形的中心點

backface-visiblity 設定盒子的背面是否可見



二、 css陰影

可以設定 水平偏移 垂直偏移 羽化大小 擴充大小 顏色 內陰影或者外陰影

box-shadow h-shadow 水平偏移

box-shadow v-shadow 垂直偏移

box-shadow blur 羽化大小

box-shadow spread 擴充套件大小

box-shadow color 顏色

box-shadow inset 是否內陰影

相關文章