搜索[样式],共找到30个文章

9个纯CSS字体样式

9个纯CSS字体样式-雪哥尔
.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...
2年前
010910

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变

CSS渐变颜色样式:背景颜色渐变、字体颜色渐变和边框颜色渐变-雪哥尔
背景色渐变: 1.渐变的方式有两类: 线形:liner gradients 圆形:radial gradients 2.基本语法: background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...
4年前
05570

响应式样式

响应式样式-雪哥尔
  <meta name='viewport' content='width=device-width, initial-scale=1.0'> /* PC端 */ @media (max-width:9999px){ /* PC端样式 */ } /* 手机端 */ @media (max-width:1024px){ /...
4年前
04540

CSS响应式样式及断点

CSS响应式样式及断点-雪哥尔
第一步:设置viewport 至于为什么要设置这个,答案请移步移动前端开发之viewport的深入理解(人家解释的比我好,在这就不啰嗦了) <meta name='viewport' content='width=device-width, init...
4年前
06930

xulgrbtn按钮样式文档

xulgrbtn按钮样式文档-雪哥尔
查看xulgrbtn样式 样式对应代码 纯色按钮 <a class='xulgrbtn'>紫色</a> <a class='xulgrbtn xulgrbtn-lb'>蓝色</a> <a class='xulgrbtn xulgrbtn-hb'>红色</...
4年前
05100

自己在别人css抠出来的btn按钮样式

自己在别人css抠出来的btn按钮样式-雪哥尔
具体查看:https://code.xulgr.com/pub/css/btn/
4年前
07460

JQ选项卡Tab非同级切换并同步下划线滑动效果

JQ选项卡Tab非同级切换并同步下划线滑动效果-雪哥尔
上次我写了 简单的JS实现选项卡Tab非同级切换-雪哥尔 (xulgr.com) 的这篇博文,用起来感觉还不够丝滑,这次添加了下划线(也就是border-bottom)样式,达到切换任意相邻或不相邻的TAB时都能实现...
5个月前
01747

CSS延迟hover消失时间

CSS延迟hover消失时间-雪哥尔
一般情况下我们会直接用transition来设置动画效果,如 a{ transition: all 1s linear; } a:hover{ transform: scale(1.1); transition: all 1s linear; } 其中all为transition-property属性的值...
5个月前
012214

简单的JS实现选项卡Tab非同级切换

简单的JS实现选项卡Tab非同级切换-雪哥尔
网上大部分选项卡代码是在同个父级下实现的,这样对前端比较难设计显示出来的样式,所以我就简单记录一下我设计的两个父级或者同级都能使用的选项卡代码。 思路 将所有选项按钮定义点击事件,然...
7个月前
0777

苹果CMS10PayPal支付插件使用文档

苹果CMS10PayPal支付插件使用文档-雪哥尔
一、插件安装 1.1)上传服务器 1.1.1)先将源码压缩包上传至你的苹果CMS根目录,然后解压覆盖 1.2)上传附加文件 1.2.1)将附加文件中的payment_paypal.html文件上传至/template/模板目录/html/...
8个月前
025415