CSS共42篇

几个纯CSS3构架的动态按钮

几个纯CSS3构架的动态按钮-雪哥尔
我把他们规整到我的code里面,调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' />   调用代码如...
4年前
03680

fa图标库icon图标引用大全FA图标

fa图标库icon图标引用大全FA图标-雪哥尔
头部引入 <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 矢量...
4年前
010330

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

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

雷姆(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年前
07180

用iconfont做你的专用图标库

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

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

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

纯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年前
05140

xulgrbtn按钮样式文档

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

纯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年前
05060

CSS响应式样式及断点

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