h5中的单词--css相关（2）

阴影

box-shadow  盒子阴影；

text-shadow   文本阴影；

mask   蒙版：

设置蒙版   mask-image:url();

渐变

linear-gradient   线性渐变；

radial-gradient    径向渐变：circle   圆，ellipse   椭圆 ；

repeating   线性，径向，可重复的渐变

transition  过渡

transition-property      设置过渡的属性；

ransition-duration   设置过度的时间；

transition-delay    设置过度的延迟时间；

transition-timing-function   设置过渡的运动曲线：linear   匀速 ，ease   默认的 慢-快-慢

box-reflect   倒影

above   在...上；

below    在.....下；

left；

right；

none   无倒影

transform  变形

translate     平移；

rotate   旋转；

scale   伸缩；

skew   拉扯；

transform-style：preserve -3d 可以通过这个属性开启3d效果；

animation   动画

keyframes  关键帧   适用方法；

animation-name  动画名称；

animation-duration   动画执行时间；

animation-delay  动画延迟时间；

animation-timing-funtction   动画的运动时间曲线；

animation-iteration-count    定义循环次数 ：inmfine  无限循环；

animation-direction：alternate    动画反转 ；

animation-play-state  动画状态：paused    暂停，running   运行；

animation-fill-mode：forwards   保留最后一帧动画；

box-sizing  盒模型样式

content-box   正常盒模型；

border-box   怪异盒模型；

outline  外廓

column  分栏

column-count  栏数；

column-gap  栏间距