首页
博客
源码
资源
博客
源码
写文章
发布博客
发布资源
登录
X
css
相关资讯
热门
最新
后端
01-01 08:00
后端
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能
CSS 奇思妙想 | 使用 resize 实现强大的图片拖拽切换预览功能,CSS奇思妙想|使用resize实现强大的图片拖拽切换预览功能本文将介绍一个非常有意思的功能,使用纯CSS利用resize实现强大的图片切换预览功能。类似于这样:思路首先,要实现这样一个效果如果不要求可以拖拽,其实有非常多的办法。将两张图片叠加在一起改变上层图片的宽度,或者使用mask,改变mask的透明度区间变化两种方式都
237
代码人生
01-01 08:00
代码人生
CSS clip 属性使用方法及示例
CSS clip 属性使用方法及示例,剪辑一个元素。唯一有效的形状值是:rect(上、右、下、左)。其中,顶部和底部指定来自框的顶部边框边缘的偏移量,而右侧和左侧指定来自框的左侧边框边缘的偏移量。顶部、右侧、底部和左侧可以具有长度值或auto。允许负长度。clipCSS属性为绝对定位的元素定义剪切区域。但是,如果将overflow属性设置为visible,则它将不起作用。下表为此属性的用法说明和版
236
代码人生
01-01 08:00
代码人生
CSS background-color 属性使用方法及示例
CSS background-color 属性使用方法及示例,CSSbackground-color属性设置元素的背景颜色。您可以通过颜色值或关键字“transparent”设置背景颜色。元素的背景是元素的总大小,包括填充和边框(但不包括边距)。见盒子模型。下表总结了此属性的用法上下文和版本历史记录。默认值:transparent适用于:所有元素继承:没有可动画制作:是。请参考动画属性。版本:CS
236
代码人生
01-01 08:00
代码人生
CSS display 属性使用方法及示例
CSS display 属性使用方法及示例,displayCSS属性指定由元素生成的框的类型。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。默认值:inline适用于:所有元素继承:没有可动画制作:否。请参见动画属性。版本:CSS1,2,3JavaScript语法:object.style.display="block"使用说明该display属性的计算值
234
后端
01-01 08:00
后端
css表达式
css表达式,IE5及其以后版本支持在CSS中使用expression,用来把CSS属性和Javascript表达式关联起来,这里的CSS属性可以是元素固有的属性,也可以是自定义属性。就是说CSS属性后面可以是一段Javascript表达式,CSS属性的值等于Javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用其他浏览器对象。这个表达式就好像是在这个元素的一
233
代码人生
01-01 08:00
代码人生
CSS margin-right 属性使用方法及示例
CSS margin-right 属性使用方法及示例,margin-rightCSS属性设置元素的右边距。然而,在许多情况下,像margin这样的简写CSS属性使用起来更方便,也更可取。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。默认值:0适用于:所有元素,但tabledisplay类型(table-captiontableinline-table)以外
233
代码人生
01-01 08:00
代码人生
CSS3 flex-grow 属性使用方法及示例
CSS3 flex-grow 属性使用方法及示例,flex-growCSS属性指定flex项目相对于flex容器中其他项目的增长方式。下表为此属性的用法说明和版本历史记录,以及该属性在javascript脚本中的使用语法。默认值:0适用于:弹性物品继承:没有可动画制作:是。请参考动画属性。版本:CSS3的新功能JavaScript语法:object.style.flexGrow="1"flex-g
232
百科问答
01-01 08:00
百科问答
css选择器第一个子元素的用法(css中常用的伪类选择器)
css选择器第一个子元素的用法(css中常用的伪类选择器)了解过前端知识的人,应该对熟悉。它是用于给html页面添加样式和布局的,css的定位包括class,ID选择器,元素属性选择器和伪类等。其实selenium的css定位跟页面的css语法非常的像,有点异卵双胞胎的意思,为啥不是同卵双胞胎呢?因为它们之间还是有点区别的。现在我们来具体学习下。1.通过属性定位元素CSS选择器可以通过元素的id、class、tag标签这三个常规属性直接定位到目标元素例如
229
代码人生
01-01 08:00
代码人生
css 动画之 transition 与 transform
css 动画之 transition 与 transform,前言本篇文章主要介绍css3动画的另一项重要属性transition以及配合实现复杂动画效果不可或缺的属性transform及其实现变换的原理。transitiontransition提供了一种在css改变属性时控制动画的方法,让属性的变化成为持续一段时间的过程,而不是立即完成,让样式的变化显得更加的平滑。使用transition时,开
227
代码人生
01-01 08:00
代码人生
css动画和媒体查询(css使用定义动画)
css动画和媒体查询(css使用定义动画),animation实现动画主要由两个部分组成通过类似Flash动画的关键帧来声明一个动画在animation属性中调用关键帧声明的动画实现一个更为复杂的动画效果设置关键帧@keyframesanimationname{0%{color:red;}50%{color:red;}100%{color:red;}}复制代码关于keyframes浏览器兼容问题写
222
«
1
2
...
5
6
7
8
9
10
11
...
76
77
»