h5
文章平均质量分 80
手可摘星辰^v^
互关互关!
展开
-
动画三:2D转换(超详细!)
如图所示:box1设置了在父元素盒子中水平垂直居中,由于图片大小的缘故,所以看不出来,不过确实是居中的,这也是继使用绝对定位设置水平垂直居中的第二种设置水平垂直的方法,box2设置了向上平移了3像素,再加上设置了盒子阴影,看起来就像是盒子浮起来了一样,再加上hover效果,看上去非常美观,感兴趣的朋友可以试试,span盒子设置了平移,但是没有起作用,这是因为。缩放属性的属性值和位移属性的属性值是类似的语法,可以是一个值,也可以有两个属性值:只有一个值的时候第二个值和第一个值是相等的;原创 2022-09-13 18:41:29 · 888 阅读 · 41 评论 -
动画二:动画(keyformes)
开启动画可以指定一个属性发生变化,例如大小,倾斜,位置等。原创 2022-09-09 15:08:59 · 648 阅读 · 37 评论 -
动画一:过渡(超详细!)
如图所示:每一个子元素盒子设置了不同的 过渡的时序函数,它的运动的方式和快慢都是不一样的,由于展示不了视频,不过如果感兴趣可以自己演示一下,也是会有收获的。指定执行过渡的属性,多个属性,使用逗号隔开,例如height,background-color,width等。注意:缩写里如果出现了两个时间,那么第一个时间系统默认为过渡时间,第二个时间才是延迟时间!IE10开始兼容,移动端兼容良好,并且通过过渡可以创建一些非常好的效果,提升用户体验。过渡的时序函数,它的可选属性值比较多。接下来做个示范给大家。原创 2022-09-07 19:05:42 · 2034 阅读 · 36 评论 -
定义表格标签(table)
意思是有多少行就设置几个tr就可以了。原创 2022-08-29 11:56:35 · 737 阅读 · 19 评论 -
flex布局(弹性盒子三)
在之前的文章里说到了弹性盒子的部分属性,接下来接着说弹性盒子的其余属性。原创 2022-08-25 14:29:09 · 2375 阅读 · 23 评论 -
flex布局(弹性盒子二)
意思是设置了属性值为space-start后,子元素盒子在父元素最中间左上,左中、左下,中上、中中、中下......排列,且每个子元素盒子与父元素之间都有一定的空隙。意思是设置属性值为space-around后,三个盒子分别排列在父元素盒子的左 右 中间,且两边盒子与父元素两边有较大空隙。意思是设置了属性值为space-start后,子元素盒子在父元素最中间左上,左中、左下,中上、中中、中下......排列,意思是设置属性值为 flex-end后,盒子从右向左排列在父元素盒子中,开始位置在最右最上边。原创 2022-08-24 19:15:19 · 1433 阅读 · 17 评论