搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发

CSS3 倒影效果

大前端技术大全 2018-10-30


各位小伙伴

这是最终的效果图啦

CSS3 倒影效果CSS3 倒影效果CSS3 倒影效果

CSS3 倒影效果CSS3 倒影效果

CSS3 倒影效果


CSS3 倒影效果




CSS代码

CSS3 倒影效果


注:

  • above:

  • 指定倒影在对象的上边。

  • below:

  • 指定倒影在对象的下边。

  • left:

  • 指定倒影在对象的左边。

  • right:

  • 指定倒影在对象的右边。

  • linear-gradient() 函数用于创建一个线性渐变的 "图像"。





HTML代码

CSS3 倒影效果






今天分享结束CSS3 倒影效果CSS3 倒影效果

   各位小伙伴下期再见!CSS3 倒影效果


版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《CSS3 倒影效果》的版权归原作者「大前端技术大全」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注大前端技术大全微信公众号

大前端技术大全微信公众号:gh_8a29fe7f00a8

大前端技术大全

手机扫描上方二维码即可关注大前端技术大全微信公众号

大前端技术大全最新文章

精品公众号随机推荐

下一篇 >>

css3之flex