搜索[CSS]，共找到47个文章
几个纯CSS3构架的动态按钮
我把他们规整到我的code里面，调用起来非常实用简单 引入 <link rel='stylesheet' href='//code.xulgr.com/css/button/xulgr.css' media='screen' type='text/css' /> 调用代码如...
自己在别人css抠出来的btn按钮样式
具体查看：https://code.xulgr.com/pub/css/btn/
纯CSS弹窗，不借助JS的纯CSS弹出层
HTML <a href='#xulgr'>弹窗测试</a> <div id='xulgr' class='xulgr-window'> <div> <a href='#' title='关闭' class='xulgr-window-close'>关闭</a> <...
纯CSS文字动画特效|CSS3 For Animations
今天刚帮客户写了个CSS动画效果样式，具体看样式的注释 <style> .animate { font-size: 35px; margin: 100px 0 0; border-bottom: 2px solid #ccc; } .animate span { display: inline-bl...
CSS响应式样式及断点
第一步：设置viewport 至于为什么要设置这个，答案请移步移动前端开发之viewport的深入理解（人家解释的比我好，在这就不啰嗦了） <meta name='viewport' content='width=device-width, init...
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...
CSS渐变颜色样式：背景颜色渐变、字体颜色渐变和边框颜色渐变
背景色渐变： 1.渐变的方式有两类： 线形：liner gradients 圆形：radial gradients 2.基本语法： background: linear-gradient(渐变方向,渐变颜色1,渐变颜色2,渐变颜色3,...); background: rad...
CSS用图片作为文字的背景
background:url(图片路径); background-attachment: fixed; background-size: cover; -webkit-text-fill-color:transparent; -webkit-background-clip: text; 运行代码 $('#302').on('cl...
CSS对象图片
width: 80px;height: 80px; /*对象宽高*/ background-image: url(https://imgs.xulgr.com/xg800.png); /*图片路径*/ background-size:80px 80px; /*调整background-image图片大小*/ background-...
CSS居屏幕正中
<style> body{ background-color:#000; } .xulgr-table{ width:100%; height:100%; border:0; text-align:center; cellpadding:0; cellspacing:0; }.xulgr-table td{ text-align:center; ...
