最近干活的时候,发现一些常用不到的东西总是容易忘,自己是不是来了。
1.transform:rotate(45deg) translate(500px,0);这样写是同时应用多个(中间加个空格分开) ;如果分开写,后面的会覆盖前面的
2. transform-origin
如果我们把元素变换原点(transform-origin
)设置0(x) 0(y),这个时候元素的变换原点转换到元素的左顶角处
3.$nextTick Vue中DOM更新是异步的,很多时候DOm元素还没有加载完成,你的事件函数已经执行,这个时候会导致报错。
4.图片 给图片添加滤镜,背景图是加的图片,然后给图片mix-blend-mode: screen;就可以实现图片滤镜;给图片添加filter: hue-rotate(180deg);可以使图片变色
5.border-right :transparent:隐藏右边框线,其他 left top bottom 一样的操作
6.box-shadow:0px 0px 10px 5px red ;水平投影 垂直投影 投影模糊程度 投影大小 投影颜色
美美哒! 谢谢大家观看!