第一步：设置viewport 至于为什么要设置这个，答案请移步移动前端开发之viewport的深入理解（人家解释的比我好，在这就不啰嗦了） <meta name='viewport' content='width=device-width, init...

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

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...

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

HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...

今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...

查看xulgrbtn样式 样式对应代码 纯色按钮 <a class='xulgrbtn'>紫色</a> <a class='xulgrbtn xulgrbtn-lb'>蓝色</a> <a class='xulgrbtn xulgrbtn-hb'>红色</...

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

分享一组非常简约好看的CSS凹凸感按钮样式 HTML代码：（可以是图片，也可以用font图标，自己引入样式即可） <div class='container'> <div class='box'> <div class='img'> &...

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