摘要: 看这个的时候,我默认你对渐变掌握的很好了,啥,没有快看这里:https://www.cnblogs.com/jsydb/p/12593152.html 上回我们说到,孙悟空闯进了天庭,呸!跑题了。 上次我们说到怎样实现一个条纹背景,这次我们来看看更炫酷的背景图案。 我们先来看一个简单的网格实现: 是 阅读全文
posted @ 2020-03-29 21:52 只会一点前端 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 从线性渐变说起,这个都知道是在一些特殊颜色交替产生渐变的功能。 看一个简单的例子: 效果: 嗯,很丑,红配绿,丑的哭。 我们在修改一下,拉近一下色标: 看看效果: 可以看到在容器高度30%到80%的地方才会有渐变,其他的位置都是存色填充。现在我有一个大胆的想法,如果把这两个色标无限拉近,会发生什么鬼 阅读全文
posted @ 2020-03-29 18:12 只会一点前端 阅读(474) 评论(0) 推荐(0) 编辑
摘要: 众所周知,background-position是用来容器背景图片定位的,我们现在需要把一个背景图片定位到距底部10px,右边20px的地方。嗯,咋一看很简单是吧。我们只要设置background-postition相关的top,left的方位值,就可以实现了。 嗯。。。,等等,好像是有问题的,我们 阅读全文
posted @ 2020-03-29 15:30 只会一点前端 阅读(235) 评论(0) 推荐(0) 编辑