3.移动Web-渐变

1.渐变背景

目标：使用background-image属性实现渐变背景效果
l 渐变是多个颜色逐渐变化的视觉效果
l 一般用于设置盒子的背景


image.png

2.阴影渐变色运用

原理：给盒子添加伪元素::after作为阴影渐变色元素，通过定位和鼠标悬停时透明度不为零来显示


image.png
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3
    一.概述Cascading style sheets 层叠样式表作用：html:负责页面结构的搭建，内容的展示...
    栗子树下_阅读 4,999评论 0赞 0
  • 移动web第一天-----字体图标，平面转换，渐变
    字体图标 下载字体图标(https://www.iconfont.cn/[https://www.iconfont...
    Prover_a2ba阅读 2,870评论 0赞 1
  • 2021-09-27
    头部开始 logo部分 导航nav 搜索search 用户user banner横幅图片开始Start banne...
    辛敏滔阅读 4,181评论 0赞 0
  • CSS
    简介 CSS （cascading style sheet）层叠样式表 CSS书写方式 内嵌式：在head标签中书...
    Zindex阅读 3,680评论 0赞 2
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 28,018评论 1赞 45