css知识点
凉西西工作室
这个作者很懒,什么都没留下…
展开
-
CSS动画定时器和塞尔曲线
使用关键字更改动画定时器在 CSS 动画里,animation-timing-function 用来定义动画的速度曲线。 速度曲线决定了动画从一套 CSS 样式变为另一套所用的时间。 如果要描述的动画是一辆车在指定时间内(animation-duration)从 A 运动到 B,那么 animation-timing-function 表述的就是车在运动中的加速和减速等过程。有一些预定义的关键字可用于常见的选项。 比如,默认值是 ease,动画以低速开始,然后加快,在结束前变慢。 其它常用的值包括 ea原创 2021-04-24 13:46:23 · 487 阅读 · 0 评论 -
CSS动画2种改变动画速率的方法
1、通过改变他们的各自@keyframes的X%改变相似元素的动画频率的方法有很多。 目前我们接触到的就有 animation-iteration-count 和 @keyframes。2、通过改变animation-duration 属性为不同的值来控制频率原创 2021-04-24 13:29:35 · 1954 阅读 · 0 评论 -
freecodecamp学习css知识点——CSS Transform
1、使用 CSS Transform scale 属性可以更改元素的大小CSS 属性 transform 里面的 scale() 函数可以用来改变元素的显示比例。 下面的例子把页面的段落元素放大到了原来的 2 倍:p { transform: scale(2);}2、使用CSS Transform scale 属性在悬停时缩放元素transform 属性有很多函数可以调用,可以对元素进行调整大小、移动、旋转、翻转等操作。 当使用伪类选取元素的指定状态(如 :hover)时,我们可以通过 tr原创 2021-04-23 21:26:00 · 160 阅读 · 0 评论 -
在freecodecamp学习CSS知识点(padding,margin篇)
padding每个 HTML 元素所占有的矩形空间由这三个重要的属性来控制:内边距 padding、外边距 margin 、边框 border。padding 用来控制着元素内容与 border 之间的空隙大小。我们可以看到蓝色框和红色框是嵌套在黄色框里的。 注意红色框的 padding 比蓝色框的更多。如果你增加蓝色框的 padding 值,其中的文本内容与边框的距离就也会变大。padding:10px 10px 10px 10px;遵循:顺时针,上,右,下,左;网页中我们如何查看调试代码原创 2021-04-17 15:53:48 · 90 阅读 · 0 评论