css变量 - web秀

#css变量#

共找到 css变量相关内容 4 条

4年前

CSS简笔画：纯CSS绘制一顶帽子

CSS简笔画：纯CSS绘制一顶帽子

夏天，人人都希望有一顶漂亮的帽子吧？来，我送给你。看图解构帽子结构很简单，分为帽檐、帽冠、饰带、饰带上面有花朵html帽子结构<divclass="cap"><divclass="top"><divclass="lace"><divclass="flower"><divclass="petal"></div><

547651 3301 0

4年前

CSS简笔画：纯CSS绘制一艘邮轮

CSS简笔画：纯CSS绘制一艘邮轮

本节你能get到什么前端知识1、CSS变量2、CSS伪类的灵活使用3、CSS绘制梯形、箭头、转发箭头4、CSS相对定位和绝对定位5、CSStransform变形6、CSSbox-shadow7、CSSFlex布局看图解构1、梯形船体2、中间部分有一个镂空的梯形3、船体上有船名、船锚4、甲板上有护栏5、船上有货物6、还有一根旗杆解构后发现东西并不多！梯形船体<divclass="ship"><divclass="ship-body"></div></div>:

546173 3317 0

3年前

CSS不规则卡片，纯CSS制作优惠券样式，CSS实现锯齿样式

CSS不规则卡片，纯CSS制作优惠券样式，CSS实现锯齿样式

之前也有写过CSS优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义CSS变量，自定义主题颜色。布局布局其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图，而这里，我们就只是最简单的布局方式，从上而下：1、优惠券金额和过期时间2、优惠券描述3、按钮（其实按钮也可以放到“2”里面去）这样分析，我们就有了html架构了<divclass="coupon"><!--1、优惠券金额和过期时间

546976 3251 0

1年前

巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画

巧用 CSS 变量，实现动画函数复用，制作高级感拉满的网格动画

本文将介绍一种基于CSS变量技巧，通过合理使用CSS变量，实现CSS动画@keyframes的复用。CSS变量CSS变量大家应该都比较熟悉了，已经不能算是新知识了，快速过一遍。CSS变量（CSSVariable），在之前也叫做CSS自定义属性，其使用方式如下：//声明一个变量：:root{--bgColor:#000;}这里我们借助了上面#12、结构性伪类中的:root{}伪类，在全局:root{}伪类中定义了一个CSS变量，取名为--bgColor。定义完了之后则是使用，假设我要设置一个div的背景色为黑色：.main{background:var(--bgCo...

544972 3320 0

下拉加载更多