背景色渐变： 1.渐变的方式有两类： 线形：liner gradients 圆形：radial gradients 2.基本语法： background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...

.XulgrFont{position:relative;letter-spacing:.07em;font-size:3em;font-weight:normal;margin:0 auto} .XulgrFont:before,.hcqFont:after{position:absolute;top:0;left:0;right:0} .xulgr-te...

头部引入 <script src='https://code.xulgr.com/pub/fa/fa.js'></script>   图标库：https://code.xulgr.com/pub/fa 帮助文档：https://code.xulgr.com/pub/fa/help.html 矢量...

几个免费字体下载网站： https://ztxz.org.cn/ https://font.chinaz.com/ https://www.foundertype.com/   一般下载下来是单个ttf或otf字体文件，很多都体积比较大，直接引入单个字体文件...

  background:url(图片路径); background-attachment: fixed; background-size: cover; -webkit-text-fill-color:transparent; -webkit-background-clip: text; 运行代码 $('#302').on('cl...

我一直都在用的是 display: flex; 直接在父级元素加上display: flex，元素内的样式都会响应式并排显示，非常简单。   还有一种用行内块 display: inline-block 这种是把两个要并排的元素都...

下载： 链接：https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码：uyx7 安装： 头部引入： <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...

HTML <button id='xgtotop'><i class='xulgricon'>&#xe621;</i></button> <button id='xglink'><i class='xulgricon'>&#xe692;</i></but...

上次我说的边框颜色渐变有个缺陷就是不能控制圆角，今天写个阴影颜色渐变圆角边框   实例代码： <style> .xulgr-input{margin:40px;} .xulgr-input2{margin:40px;} .xulgr-input{ po...

此代码为纯CSS的基本样式，进阶方法查看：点击前往查看 其实只需要用position:sticky就够了，然后用top在设置距顶位置即可。 position: -webkit-sticky; /* 使Safari浏览器兼容 */ position: st...