首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
后端
01-01 08:00
后端
CSS液体加载动画
CSS液体加载动画,前言不走寻常路,论CSS在流体美学中的引用~效果展示实现思路首先我们要让元素能够旋转起来,可以使用transform中的rotate进行2D的360deg旋转。紧接着我们可以通过CSS变量(--开头的形式)结合animation-delay来控制每个元素的动画从何时开始。最后为了让整个旋转的元素能够呈现流体形,我们需要使用filter滤镜来特殊处理一下,这里涉及到一些复杂的颜色
82
代码人生
01-01 08:00
代码人生
css——background属性设置background-size
css——background属性设置background-size 搬运自: background简写属性在一个声明中可设置所有的背景属性。 可设置属性如下: background-image: 设置背景图像, 可以是真实的图片路径, 也可以是创建的渐变背景; background-position: 设置背景图像的位置; background-size: 设置背景图像的大小; background-re
82
代码人生
01-01 08:00
代码人生
CSS控制文本换行样式汇总
CSS控制文本换行样式汇总 word-break:break-all; //只对英文起作用,以字母作为换行依据 word-wrap:break-word; //只对英文起作用,以单词作为换行依据 white-space:pre-wrap; //只对中文起作用,强制换行 white-space:nowrap; //强制不换行,都起作用 white-space:nowrap; ove
82
代码人生
01-01 08:00
代码人生
css基础选择器
css基础选择器 css的选择器(Selector) “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素 基础选择器 ‘‘‘ * : 通用元素选择器,匹配任何元素 * { margin:0; padding:0; } E : 标签选择器,匹配所有使用E标签的元素
81
代码人生
01-01 08:00
代码人生
css 从大图片png取小图
css 从大图片png取小图 坐标取出,建议从ps软件拿坐标,左上角为原点 X轴 Y轴 都是 0,0 往右往下都是负数 每个小图标width:18px;height:18px从左上角坐标为(-0px;-0px;); 例如第一个对号的坐标为(-0px;-0px;)第二个加号的图标为(-20px;-0px;)中间依次
81
代码人生
01-01 08:00
代码人生
css设置图片根据最大边自适应
css设置图片根据最大边自适应 给新手的福利,还是记一下吧.......很简单 <div> <img src="1.jpg" alt=""> </div> div{ width: 100px; height: 60px;
81
代码人生
01-01 08:00
代码人生
CSS基本标签学习8.17
CSS基本标签学习8.17 css三种引入方式: 1.内联:在标签中添加style属性,属性值用来描述样式 <标签名 style="样式名1:样式值1;样式名2:样式值2"></标签名> 2.内嵌: 在head标签中添加 <style> 选择器{ 样式名1:样式值1; 样式名2:样式值2; ... } </style>
81
后端
01-01 08:00
后端
CSS知识总结
CSS知识总结,一、CSS基础CSS,英文全称是CascadingStyleSheet,层叠样式表。由李爵士的朋友赖先生发明。why层叠样式表样式层叠,选择器层叠,文件层叠。css的这种特性导致它十分灵活。CSS的版本CSS2.1是使用最广泛的版本CSS3是最现代的版本可以在caniuse.com上查找哪些浏览器支持哪些特性。CSS语法样式语法选择器{属性名:value;/*注释*/}复制代码@语
81
代码人生
01-01 08:00
代码人生
css可继承属性和不可继承属性
css可继承属性和不可继承属性 不可继承的:baidisplay、dumargin、border、padding、background、height、min-height、max- height、width、min-width、max-width、overflow、position、left、right、top、 bottom、float、clear、table-layout、ver
80
后端
01-01 08:00
后端
css实现波浪进度图
css实现波浪进度图,发现了一个有意思的css样式,用css实现波浪进度图原理利用两个矩形重叠,设置它们的边框border-radius,父容器设置overflow:hidden,然后再给它们加上旋转的动画效果就可以了,大概结构如下图所示,为了看清楚,用了不同的颜色显示;html结构如下:50%复制代码CSS代码如下:.box{width:100vw;height:600px;display:fl
80
«
1
2
...
67
68
69
70
71
72
73
...
76
77
»