web前端笔记 - 找找网

3D分层文字动效怎么玩，从运动到变体这些花样你试过吗？

之前我们用纯CSS搞定了那个3D分层文字效果，看着是挺唬人的，但一动不动的，总觉得差点意思。这回来点带劲的，让…
网页上的立体字怎么动起来？，手把手教你用鼠标玩转3D文字特效

你有没有在网页上看到那种随着鼠标移动而鼓起、凹陷的立体文字？那种感觉就像是用手在捏一团软软的橡皮泥，光标划到哪…
文章里图片怎么放，才能让长文看着不累又有范儿？

长文章写好了，图也配了，可排出来总觉得差点意思？图片要么整整齐齐排在正文两边，要么就是几个方块戳在那儿，跟文章…
搞不懂购物车动画咋整？，别怕这招“无限点击”用CSS+单选按钮就能搞定

买东西加购物车这事儿，谁还没干过呢。从点外卖到买衣服，那个小图标一跳一跳的，看着就带劲。但真到自己动手做这个效…
电梯卡在半空不动弹？用纯CSS搞个会算楼层、会指方向的模拟器，到底怎么整？

纯CSS能干啥？以前顶多改改颜色、加加动画。可看到有人拿复选框搭出完整状态机，心里就痒痒：能不能整点更带劲的，…
这波CSS暗色模式函数能玩出啥花样？，light-dark()的未来远不止明暗两种模式

页面主题是浅色还是深色，以前靠的是媒体查询 prefers-color-scheme 来分别定义两套样式，代码…
网页色彩总感觉生硬不自然，CSS颜色插值到底怎么玩出丝滑过渡？

你是否曾经盯着网页上那两个生硬切换的背景色，心里暗骂这配色也太“直男”了？明明选了红和蓝，中间过渡却像被人硬生…
CSS组合，到底是啥？为啥大佬们总说它比继承香？

把设计页面这事儿比作做饭，那组合就是准备一堆现成的菜码和调料，需要啥就往上搁啥。很多人觉得Tailwind那套…
网页只用四个CSS属性，这事儿到底能不能行？来听听这帮前端老炮儿怎么选

想象一下，老板拍脑门儿说要搞个网站，但只准用四个CSS属性。是不是感觉天都要塌了？别急着递辞职信，这事儿还真有…
还在用老掉牙的圆角？来试试这个让UI起飞的corner-shape，能整出各种花活儿

回想当年刚入行那会儿，想做个圆角盒子，得在Photoshop里抠图切图，搞五张背景图片拼起来，那叫一个费劲。所…

WEB笔记

3D分层文字动效怎么玩，从运动到变体这些花样你试过吗？

网页上的立体字怎么动起来？，手把手教你用鼠标玩转3D文字特效

文章里图片怎么放，才能让长文看着不累又有范儿？

搞不懂购物车动画咋整？，别怕这招“无限点击”用CSS+单选按钮就能搞定

电梯卡在半空不动弹？用纯CSS搞个会算楼层、会指方向的模拟器，到底怎么整？

这波CSS暗色模式函数能玩出啥花样？，light-dark()的未来远不止明暗两种模式

网页色彩总感觉生硬不自然，CSS颜色插值到底怎么玩出丝滑过渡？

CSS组合，到底是啥？为啥大佬们总说它比继承香？

网页只用四个CSS属性，这事儿到底能不能行？来听听这帮前端老炮儿怎么选

还在用老掉牙的圆角？来试试这个让UI起飞的corner-shape，能整出各种花活儿

最新发布