@css-only.dev
@css-only.devReposted by @css-only.dev💡CSS Tip!
Creating CSS Shapes is one of my favorite tasks, and now I can do something even better: Random CSS Shapes!
Let's start with Blobs.
You never see the same shape twice. A unique shape for a unique experience! 👀
@ishadeed.comReposted by @css-only.devIn case you missed it, I published a tool called Gradient Layers, which is simply a way to visualize multiple background images in CSS. Works well for mask-image, too.
Take a look: lab.ishadeed.com/tools/gradie...
@css-only.devI am ranking only 5 this year.
@webdevs.firefox.comReposted by @css-only.devWhat do you want us to work on in 2027?
Here's a web app where you can rank the Interop proposals you care about, giving us data we can use to prioritise feature development.
@css-only.devReposted by @css-only.dev💡 CSS Tip!
Another cool shape that works well with random(): wavy dividers!
Each visitor gets their own wavy shape for a unique experience.
@lowpoly.ggReposted by @css-only.dev@css-only.dev💡 CSS Tip!
Another cool shape that works well with random(): wavy dividers!
Each visitor gets their own wavy shape for a unique experience.
@css-only.devOn chrome, by simply launching the website you shared, everything freeze. I can do nothing at all expect either waiting (I did and nothing happened) or close the page and I also have to wait a few seconds to have it closed and navigate. I should have enough GPU
@css-only.devNot really, instant freeze on Chrome and slow/laggy on Firefox 😵💫
@web-standards.devReposted by @css-only.devTransferring sibling-count() to a parent element. @css-only.dev turns sibling-count() of an extra child into a variable on the parent using scroll-driven animations, a CSS-only stand-in for the proposed children-count(). #css #scroll
@css-only.devMy browser freeze when I try to open the page 😬
@css-only.devReposted by @css-only.dev📝 New CSS Article!
With Scroll-Driven Animations, you can transfer a value from one element to another anywhere on the page. I am using it to implement children-count().
Strange? Confusing? What the heck am I talking about?!
Read my latest article 👇
@css-only.devThe tooltip is positioned (position: fixed) so I am pretty sure the anchor is not that's why it works.
@css-only.devThe area selection 👀
@css-only.dev📝 New CSS Article!
With Scroll-Driven Animations, you can transfer a value from one element to another anywhere on the page. I am using it to implement children-count().
Strange? Confusing? What the heck am I talking about?!
Read my latest article 👇
@css-only.devYou have probably installed more that the reader. For me it's called "Adobe Reader"
@css-only.devWe generally need buttons to be "inline" with something that's why I used inline-grid but you aren't obliged to. You can keep only "grid" and add width: fit-content (or align the container to the center/left/right)
@css-only.devYou are the best! 👍
@chriscoyier.netReposted by @css-only.devBased on some @css-only.dev feedback 💙
@codepen.ioReposted by @css-only.dev✂️ 🌆 Image cropping everywhere! You can now crop an image in the Asset Manager (which opens in both 2.0 and the Classic Editor) and directly in the 2.0 editor.
