列表
-
前端
要过年了,下面本篇文章带大家用CSS画了个灯笼,并添加动画效果,实现灯笼左右摇摆的效果,希望对大家有所帮助!过年了~ 过年了~ 过年了~辞旧迎新过年啦 张灯结彩春节啦~金鸡起舞送福啦 新的一年福来啦~文章开头几句歌词,顿时显得喜庆了不,我们
-
前端
本篇文章给大家分享20 个 CSS 小技巧,用于快速提升开发技能,快来收藏吧,希望对大家有所帮助!flexbox 内容换行当我们使用 flexbox 布局的时候,默认情况下,在容器宽度不够时,可能就会出现这样的情况。这个主要是因为 flex
-
前端
css3中,过渡属性transition用于设置元素过渡效果,是简写属性,语法“transition:property duration timing-function delay”,属性值分别设置了元素过渡的属性名、时间、转速和延迟时间。
-
前端
方法:1、利用“body{animation:名称 时间}”语句给网页元素body绑定动画;2、利用“@keyframes 名称{0%{opacity:0;}}”语句,设置网页淡入的动画关键帧,opacity属性用于设置元素的透明度。本教程
-
前端
本篇文章给大家带来关于css中动画的相关知识,其中包括什么是动画,动画的调用以及多关键帧动画应该怎样实现,希望对你有帮助。1. 什么是动画在 CSS 中,可以使用@keyframes来定义动画 (keyframes 表示“关键帧”)大致结构
-
前端
在css中,向左偏移的样式是“transform:translate(-向左偏移距离值);”;transform属性的作用是允许我们对元素进行旋转、缩放、移动或倾斜操作,translate()函数的作用是定义元素的平移转换。本教程操作环境:
-
前端
css3中,弹性盒子是一种布局方式,为了让页面适应不同的屏幕大小以及设备类型,进而提供一种更加有效的方式来分配空间;可以利用display属性来定义弹性盒子,语法为“display:flex”或者“display:inline-flex”。
-
前端
css中“::before”的意思是“在...之前”,是一个伪类元素,用于创建一个伪元素,并将其设置为选中元素的第一个子元素,插入到元素的其他内容之前,语法为“element::before{样式代码}”。本教程操作环境:windows10
-
前端
css中ex是一种相对长度单位,表示相对于当前字体的“x-height”长度,也就是相对于字符“x”的高度,通常为字体高度的一半,语法为“大小属性:数值ex;”。本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G
-
前端
css内嵌样式是将css写在网页源文件的头部,即在“<head>”和“<head>”之间,利用style标签将css样式代码包围的样式;内嵌样式的特点是该样式只能在此页使用,可以解决行内样式多次书写的弊端。本教程操作环境:windows10
-
前端
css动画中倾斜的代码是“transform:skewX(倾斜角度值)”;transform属性的作用是允许我们对元素进行旋转、缩放、移动或倾斜操作,skewX()函数的作用是定义元素的倾斜转换。本教程操作环境:windows10系统、CS
-
前端
css中collapse的意思是“合并边框”,“border-collapse”属性用于设置表格间的边框是否被合并,当属性的值为“collapse”时,表示边框会被合并,语法为“元素{border-collapse:collapse;}”。
-
前端
在css中float的意思是“浮动”,float属性用于定义元素的浮动方向,当元素设置了float属性时,元素就会浮动在其他元素上,它会根据属性值向左、向右或者不浮动,语法为“元素{float:value;}”。本教程操作环境:window
-
前端
本篇文章给大家带来了css定位布局的相关知识,下面我们就来看一下什么是相对定位、绝对定位以及固定定位不同的元素性质与用途等知识,希望对大家有帮助。1. 相对定位1.1) 什么是相对定位相对定位:盒子可以根据自己原来的位置进行位置调整(通过位
-
前端
在css中,可以利用“transform-Origin”属性设置元素旋转点的位置,该属性允许更改转换元素的位置,可以分别设置元素转换后与X、Y和Z轴之间的位置,语法为“transform-origin:X轴方向 Y轴方向 Z轴方向;”。本教
-
前端
css3圆角边框属性是“border-radius”,该属性是一个复合属性,语法为“border-radius:1-4 length|%;”;属性的四个值分别控制着元素左上角、右上角、右下角和左下角的圆角边框样式。本教程操作环境:windo
-
前端
css中关键帧是决定animation动画变化的关键位置,是通过“Keyframes”来定义的,是css创建动画的一种规则;语法为“@keyframes 动画名{keyframes-selector{css-styles;}}”。本教程操作
-
前端
方法:1、用animation属性给元素绑定动画;2、用“@keyframes 名称{100%{transform:rotate(旋转角度)translate(位移距离);}}”语句设置元素的旋转和位移的动作关键帧,实现旋转加位移动画效果。
-
前端
css中因为要兼容不同浏览器的属性支持,浏览器厂商会在属性前加一个私有前缀来支持新属性;前缀为“-webkit-”的属性,能够在以webkit为内核的浏览器中正常使用,例如“safari”和“chrome”浏览器。本教程操作环境:windo
-
前端
css中设置文本行高的属性是“line-height”,该属性用于设置文本行的距离,语法为“line-height:value”;属性值为数字时会设置数字与当前的字体尺寸相乘为行高,属性值单位为“%”时会基于当前字体尺寸的百分比设置行高。本