具体查看：https://code.xulgr.com/pub/css/btn/

1、flex-direction 此属性决定主轴的方向 .flex{ flex-direction: row; // (默认值) 主轴水平方向，从左往右 如图： flex-direction: row-reverse; // 主轴水平方向的逆方向，从右往左 flex-dir...

我把他们规整到我的code里面，调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' />   调用代码如...

粗糙的制作一个loading加载完用CSS动画方式结束 HTML部分： <div id='XGloader'> <div class='XGloader_Bg'></div> <div class='XGloader'> <div class='XGloader_i...

背景色渐变： 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 这种是把两个要并排的元素都...