Oh a jelly button & a css hack

jeremymonatte

Mbenga

Posted on August 3, 2020

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 :

💖 💪 🙅 🚩
jeremymonatte
Mbenga

Posted on August 3, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related