DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Mbenga
Mbenga

Posted on

Oh a jelly button & a css hack

Just wanting to show you all a ccs hack.
It use the combinaison of blur & contrast. You should wirte something like that :

.container{
  filter: contrast(20);
  background:white;
  .content1,.content2{
    filter:blur(0.5em);
    background:black;
  }
}
Enter fullscreen mode Exit fullscreen mode

This will make the components a bit like sticky when they move close to each other. You can use it to make some nice loaders, or like that some button :

Top comments (1)

Collapse
 
perpetual_education profile image
perpetual . education

That's fun! Thanks for sharing!!!

We are hiring! Do you want to be our Senior Platform Engineer? Forem is hiring a Senior Platform Engineer

If you're interested in ops and site reliability and capable of dipping in to our Linux stack, we'd love your help shoring up our systems!