浅谈CSS3动画的凌波微步--steps()
背景
一日敲代码的我,得到一个需求:写一个10秒的倒计时。
用JavaScript定时器麻溜写完之后,恰好同事勇司机接完水。瞟了一眼,然后凑过来说,这个用CSS3也可以写,而且一行JavaScript都不用写。
"一行JavaScript都不用写,纯CSS3就可以写。CSS3有这么溜的操作!"
''对呀!CSS3 animation当中有一个steps(),你上网查一下就知道了!"
2024年10月25日
一日敲代码的我,得到一个需求:写一个10秒的倒计时。
用JavaScript定时器麻溜写完之后,恰好同事勇司机接完水。瞟了一眼,然后凑过来说,这个用CSS3也可以写,而且一行JavaScript都不用写。
"一行JavaScript都不用写,纯CSS3就可以写。CSS3有这么溜的操作!"
''对呀!CSS3 animation当中有一个steps(),你上网查一下就知道了!"
2024年10月25日
今天我们来分享web前端CSS定位中的position:absolute绝对定位的应用场景案例的相关场景!
绝对定位是CSS中非常中啊哟的知识点,接下来我我们会通过7个不同的层面结合7个不同的案例来展开讲解!
2024年10月25日
一、选择题(1-18题各3分19-36题各2分,共92分)
1.在HTML的<TD>标签中,align 属性的取值是( C )
A. top ; B. middle ; C. center ; D. bottom
<table border="1">
<tr>
<td width="100px">姓名</td>
2024年10月25日
作者:Peter 谭老师
转发链接:https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg
2024年10月25日
元素显示模式
display : block | none | inline | inline-block
display 属性用来设置元素的显示方式。
block块对象指的是元素显示为一个方块,默认显示状态下,它将占
据整行,其它的元素只能在下一行显示。
inline行间对象与block刚好相反,它允许其它元素在同一行显示。
none隐藏对象
元素的浮动
float : none | left | right
2024年10月25日
Hello~~各位小伙伴,相信在前端开发项目中,CSS实现如修改输入占位符样式,多行文本溢出,隐藏滚动条,修改光标颜色,水平和垂直居中等等,这些都是我们非常熟悉的开发场景!前端开发者几乎每天都会和它们打交道,所以,今天广州蓝景收集一些CSS技巧,希望对大家有帮助。
2024年10月25日
在日常开发网站中,我们常常会用到div容器
但是在使用的过程中我们发现div为块级元素会铺满整个宽度
但是在一些业务需求中 需要多个容器排列在一排
那么我们该如何解决这种问题呢 在这里介绍两种方法
第一种
给父级div设置属性display值为flex,
2024年10月25日
行内元素的特点:1.同一行显示2.不能设置宽高(设置宽高不生效)
span 、a、img、input、td 、strong、em、i、del、ins、select、label、textarea 等;其中span是最典型的行内元素
2024年10月25日
哈喽大家好,我是作者“未来”,本期分享的内容是Web前端系列课程,本系列总共29个阶段,坚持学习3个月蜕变为Web前端高手哦!
CSS可以写到那个位置?是不是一定写到html文件里面呢?
样式表的书写位置有三种,行内、内部、外部。
1 行内样式表
也叫内联样式