可视化设计合集
box-shadow 凹凸效果 向阳叠加背光
flex 居中
伪类,记得content填空字符串
方块叠加练习
练习把颜色和长宽转换成变量 (家庭作业:把阴影偏移度和模糊度也转换成变量)
linear-gradient
box-shadow
伪类制作三角形
position:外relative内absolute
position:外relative内absolute
:hover
vs.:active
transform
transition
grayscale
saturate
sepia
invert
opacity
brightness
contrast
hue-rotate
blur
-webkit-mask-image, *-position, *-repeat, *-size
更换图层练习
-webkit-mask-image
鼠标跟随 mousemove:pageX,pageY,-webkit-mask-position-x,-webkit-mask-position-y
clip-path,polygon
animation,CSS文本编辑
clip-path,polygon
animation,CSS文本编辑
mix-blend-mode
色调旋转 hue-rotate()