Web秀
首页
专栏
文章
问答
热点
导航
实例
首页
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
#radial-gradien#
共找到
radial-gradien
相关内容
2
条
优先问答
优先文章
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
5年前
CSS3径向渐变实现优惠券波浪造型
前言“等风来不如追风去,追逐的过程就是人生的意义”。借朋友吉言,“2018在头条,2019成为头条”,这就是我2019的目标,我已经在追风的路上。你呢?不要停下脚步,继续前行吧。今天来个实用的小知识,看下图:很多人看到左右的波浪边框,第一想法,应该是用图片实现。现在我们就打破这一想法,用CSS搞定这个效果。radial-gradient()radial-gradient()函数用径向渐变创建"图像"。径向渐变由中心点定义。为了创建径向渐变你必须设置两个终止色。语法:background:radial-gr
560490
3776
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
CSS不规则卡片,纯CSS制作优惠券样式,CSS实现锯齿样式
之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》,这次再来温习一遍,并且将更为详细的讲解,从布局到具体样式说明,最后定义CSS变量,自定义主题颜色。布局布局其实是学习前端的重要部分,最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图,而这里,我们就只是最简单的布局方式,从上而下:1、优惠券金额和过期时间2、优惠券描述3、按钮(其实按钮也可以放到“2”里面去)这样分析,我们就有了html架构了<divclass="coupon"><!--1、优惠券金额和过期时间
546977
3251
0
下拉加载更多