...
...
一般拿到这种需求想到可能存在几种方案: 方案一:直接贴图,图片和内容之间的衔接,需要注意 // sass文件 body{ margin:0; padding:0; b ...
box-shadow:0 2rpx 4rpx rgba(0, 0, 0, .3); ...
本文是作者从别的网站和文章学习了解的知识,简单做了个笔记,想要学习更多的可以参考这里:【css进阶】伪元素的妙用--单标签之美,奇思妙想 (弧形切角矩形) 代码: 这个前面的切角矩形一样,都用的css3的渐变,不过就是变成了径向渐变而已。 1、建立一个矩形 2、径向渐变 ...
著名网站使用字体实例: 例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; 例2(淘宝技术研发中心):fo ...
1. 制作SVG字体 制作SVG字体的办法有很多,我这里选择了Adobe XD进行制作。 至于Adobe XD具体是怎么使用的,因为我也不熟悉,所以这里就不进行过多的讲解了… ...
【CSS】CSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框 毫无疑问,结合HTML就可以画出最基本的 矩形: 效果: 下面针对矩形做一些变换: 圆形: border-radius圆角的四个值按顺序取值分别为:左上、右上、右下 ...
先看效果图: 代码: 参考视频:https://www.bilibili.com/video/BV1nV411d7Q2 ...