CSS共42篇 第4页

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

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

CSS隐藏内容点击展开

CSS隐藏内容点击展开-雪哥尔
css .xulgr-checkbox{display: block;} .xulgr-checkbox+input{display: none;} .xulgr-checkbox+input+div{display:none;} .xulgr-checkbox+input:checked+div{display:block;} html <label...
4年前
06480

CSS响应式样式及断点

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

纯CSS文字动画特效|CSS3 For Animations

纯CSS文字动画特效|CSS3 For Animations-雪哥尔
今天刚帮客户写了个CSS动画效果样式,具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...
4年前
05530

xulgrbtn按钮样式文档

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

纯CSS弹窗,不借助JS的纯CSS弹出层

纯CSS弹窗,不借助JS的纯CSS弹出层-雪哥尔
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
4年前
05600

Discuz根据不同版块区域设置图片主题列表显示不同尺寸

Discuz根据不同版块区域设置图片主题列表显示不同尺寸-雪哥尔
最近在弄discuz论坛,因为discuz在国内主流搜索引擎特友好,所以想改做discuz。下面就来分享一下我最近遇到的对于不同版块想要显示不同尺寸的主题列表封面的问题的解决方法: 第一步,我们先在...
4年前
427370

用iconfont做你的专用图标库

用iconfont做你的专用图标库-雪哥尔
iconfont的好处不用我多说了吧,阿里的cdn还是挺稳的。我来讲讲图标库创建和svg制作吧。 一、创建项目 首先进入官网:https://www.iconfont.cn/  注册/登录 在 图标管理 进入 我的项目 新建项...
4年前
07960

雷姆(Rem)2D模型

雷姆(Rem)2D模型-雪哥尔
下载: 链接:https://pan.baidu.com/s/1MGvs3WpdVXBFzZn-g8uO9Q 提取码:uyx7 安装: 头部引入: <link rel='stylesheet' href='https://code.xulgr.com/pub/xulgr2d/xulgr2d.css' /> &n...
4年前
08140

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

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