过渡属性
# 作用就是在元素的默认样式与最终样式变化之间产生一个过程,在c3中新增了一个属性叫transition
##书写方式:选择器{......样式 transition:all 1s linear os; }
选择器:hover{...样式}
注:
*all的作用是设置元素身上的哪些属性产生过渡,一般使用all表示所有属性
*后面的1s设置过渡需要时长,单位是s不要省略
*linear设置当前过渡等待多久之后才会执行(延时),都需要要单位s
*hover选择某个元素被鼠标移上时的状态
*transition属性可以加在默认状态或者移上状态,区别就是第二种做法在鼠标离开时,会立马调回默认状态,而第一种就是会做完设置好的状态
文字阴影
书写方式模板:text-shadow:x y r color
例如:text-shadow: 0px 0px 0px pink;
注:
one:x表示阴影在水平方向的偏移量,可以设置负值,正负不表示大小,只表示方向,向右为正,左为负,单位px
two:y....上为负,下为正
three:r表示阴影的模糊程度,数值越大越模糊单位px
four:color表示阴影的颜色
five:c3允许一段文字有多层阴影,用逗号分开即可
例如:text-shadow: 1px -1px 200px pink,1px 1px 30px bule;