Sublime
An inspiration engine for ideas
CSS progressive blur: stack of empty overlay elements using backdrop-filter: blur() with varying strengths/mask 🤙
https://t.co/qzTHREK8B9
jhey ʕ•ᴥ•ʔx.comone trick behind this demo 👇🎞️
.images {
translate: 0 calc(var(--active) * 1lh);
}
translate a container that holds the images with the line-height unit
lean into CSS custom properties and use JavaScript to update the values 🤙... See more
jhey ʕ•ᴥ•ʔx.comCSS + Quadtree.js Fine Grid
div要素のランダムなグリッドのデモ。
ただのdivでのスクロール演出も、レイアウトと数の力でいつも全く違う感じになります。
収まった瞬間と崩れる瞬間が好き。
#CSS #GRID #GSAP
https://t.co/bLWiJoEoDC https://t.co/Ui2I3ff5K2
hiro:processingerx.comCrop one side of a div in @Webflow
youtube.comCSS Sidebars Part 03 🔥
Get the full code now on my GitHub:
🔥 Username: frontend-joe
🔥 Repository: css-sidebars
🔥 Folder: sidebar-3
Was it useful?
Let me know in the comments... See more
instagram.comclassic CSS trick for gradient border with blurred backdrop
👉 pseudoelement + mask-composite
check the exploded view video 👇 https://t.co/OYFcvtWlOW
jhey ʕ•ᴥ•ʔx.comdissolving text input with SVG noise + CSS
filter, displace + mask duplicate input whilst clipping the original 🤙
check the exploded view 👇 https://t.co/9wacVcR82X
jhey ʕ•ᴥ•ʔx.comdev
Aleks Pausak • 7 cards
dev
Cal Owen • 3 cards