
CSS
xyzgzszdmsdi
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS小技巧——画出可以自己调整间距长度的虚线/border dashed/linear-gradient
需求官方提供的dashed border画出来一直是一个样式,不能个性化定制虚线的长度以及间距,所以用这个方法画出可个性化定制的虚线。实现 background-image: linear-gradient(to bottom, red 0%, red 80%, transparent 50%); background-size: 3px 18px; background-repeat: y-repeatbackground-image中,linear-gradient的第三个参数可以原创 2020-08-19 10:18:58 · 25952 阅读 · 2 评论 -
Flex布局和Box布局的区别以及兼容性
flex布局和box布局的默认值区别1、box布局与flex布局仅有的几个属性表现一致的:1、box-orient: horizontal | vertical== flex-direction: row | column // 决定主轴方向,默认值都是横向2、box-pack: start | end | center | justify== justify-content: fle...原创 2018-12-25 16:56:40 · 1086 阅读 · 0 评论 -
pointer-events——用CSS属性禁掉元素上的点击事件,实现点击穿透
pointer-eventspointer-events | MDN禁掉元素上的点击事件。HTML<div class='container'> <button>can't click me</button> <div cla原创 2019-01-16 17:52:43 · 1336 阅读 · 0 评论 -
Canvas学习笔记——学习使用Canvas做出炫丽的时钟或倒计时效果/小球掉落效果
是在慕课网上跟着这位老师的课程完成的——炫丽的倒计时效果Canvas绘图与动画基础Canvas倒计时效果预览图实现难点这个小动画中需要用到的Canvas知识和Api可以参考我的另一篇博文:Canvas学习笔记——Canvas常用API方法1、如何用小球把数字绘制出来我们把数字变为了一个里面只有0和1的数组,1就代表小球出现的位置。如下所示。将0-9十个数组组成的大数组命名为D...原创 2020-09-11 15:49:56 · 717 阅读 · 0 评论