css学习-背景图像效果
css学习-背景图像效果
bosscheng 发表于3年前
css学习-背景图像效果
  • 发表于 3年前
  • 阅读 10
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 十分钟定制你的第一个小程序>>>   


repeat-x repeat-y  no-repeat

对于像素背景位置  

圆角框

思路:使用两张图  上一张,下一张。

滑动门技术

使用四张图片 

山顶角



border-radius

border-image 

投影

最简单的原理:将一个大的投影图像应用于容器div的背景,然后使用负的外边距偏移这个图像,从而显示出投影。

box-shadow 投影 

不透明度

opacity

filter:alpha(opacity=)

不透明的问题:除了对背景生效之外,应用它的元素内容也会继承他

RGBa

png透明度

对于ie6的支持png透明度解决方案,使用AlphaImageLoader过滤器。

filter:progid:DXImageTransform.Miscrosoft.AlphaImageLoader(src="",sizingMethod='')

css 视差效果

视差滚动

标签: css
共有 人打赏支持
粉丝 80
博文 210
码字总数 90636
×
bosscheng
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: