css3 渐变,阴影,过渡

opacity 透明度,值为0~1,越到1越不透明
rgba(R,G,B,A) RGB分别表示红绿蓝,可用正整数和分数表示,A是Alpha透明度,取值0~1。
rgba和opacity透明的不同在于rgba不影响盒子中的字,而opacity连字一起透明。
颜色渐变:linear-gradient(< point >/< angle >,color x%,colorx%…)
repeating-linear-gradient:重复渐变,需设置色标值。
径向渐变:radial-gradient(circle/ellips at top/left/right/center/bottom,color,color)

盒子阴影效果:box-shadow: h-shadow v-shadow blur spread color inset
h-shadow:必写,水平阴影的位置,允许负值。
v-shadow:必写,垂直阴影的位置,允许负值。
blur:模糊距离。
spread:阴影尺寸。
color:阴影颜色。
inset:将外部阴影改为内部阴影。

过渡transition
transition-property:过渡属性(默认值为all)
transition-duration:过渡持续时间(默认值为0s)
transition-timing-function:过渡函数(默认值为ease函数)
transition-delay:过渡延迟时间(默认值为0s)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值