一些前端笔记、好用网站

做前端的你有没有觉得很吃力?
1,CSS battle,在线比拼CSS:https://cssbattle.dev
2,❤❤❤Learn CSS layout,学习CSS布局:https://learnlayout.com
3,Flexbox Froggy,学习Flex布局:https://flexboxfroggy.com
4,EnjoyCSS,CSS代码可视化工具:https://enjoycss.com
5,CSS Tricks,CSS技巧:https://css-tricks.com
6,Neumorphism,CSS新拟态效果:https://neumorphism.io
7,Uigradients,网页渐变色:https://uigradients.com

css高阶
元素定义 perspective 属性时,其子元素会获得透视效果,只影响 3D 转换元素。
translateX(x)沿着右边移动
box-shadow: h-shadow v-shadow blur spread color inset;
position:fixed固定定位不会随滚动条移动而移动(二维码小广告),而absolute绝对定位则会随滚动条移动

overflow-x:hidden;去掉x轴的滚动条

z-index:-1;设置元素的堆放顺序(把图片放到文字后面

posted @ 2021-09-30 08:55  ice猫猫3  阅读(116)  评论(0编辑  收藏  举报