本文简介点赞 + 关注 + 收藏 = 学会了阅读本文需要 css 基础。要了解 border-radius 的用法。如果不懂的请先自行查阅 border-radius 的文档。本期要做的特效如下图所示,请耐心看,这是个 gif动图 :这是一个会动的 div 。公式原理其实很简单,div 原本是方的,只需改成圆形即可。所以我们会用到 border-radius …
css border-radius
线性渐变:CSS3可以让背景产生渐变效果,渐变属性有两种,即linear-gradient(线性渐变)和radial-gradient(圆形渐变),语法如下background: linear-gradient(direction, color-stop1, color-stop2, ...);linear-gradient(渐变方向,色彩1,位置1,色彩2 …
<view class="certificateContent"><view class="certificateName"><view><view class="certificateCode"><view class="code"> …
大家好,我是魏大帅,今天教大家一个装[啤酒]的方法。你说你不懂前端,没关系我教你。打开你的电脑,新建一个txt文档,把我文章最后面的完整代码复制到文档里面,然后把txt文档的后缀名改成.html 就ok啦,你可以直接把这个html文件发给你朋友,说这是哥们我做的,[给力]不!哈哈,前面这段纯属开玩笑的,主要还是给各位前端开发,或者想从事前端开发的帅哥美女们, …
前言之前在介绍css盒子模型的时候,大概讲过边框border,边框border是其中一个重要组成部分。本篇将具体介绍边框的属性, border 属性允许您指定元素边框的样式、宽度、颜色及圆角。CSS 边框样式border-style 边框样式有以下值:dotted - 定义点线边框dashed - 定义虚线边框solid - 定义实线边框double - 定 …
写出简洁优雅的 CSS 代码不仅能提高代码的可维护性,还能减少样式冲突。本文将介绍 8 个实用技巧,帮你提升 CSS 代码质量。1. 善用 CSS 变量,提升代码复用性使用 CSS 变量的好处:集中管理主题色值一处修改,处处生效支持运行时动态修改提高代码可维护性2. 使用 :is() 和 :where() 简化选择器* 之前的写法 *.card h2,.ca …