Interesting approach to draw underline from medium by Martin Wichary
text-decoration: none;
background-repeat: repeat-x;
background-image: linear-gradient(to right,rgba(0,0,0,.84) 100%,rgba(0,0,0,0) 0);
background-image: linear-gradient(to right,currentColor 100%,currentColor 0);
background-image: url(data:image/svg+xml;utf8,);
background-size: 1px 1px;
background-position: 0 1.05em;
background-position: 0 calc(1em + 1px);
It’s amazing! It’s so simple, and the idea is really great!
I recommend you to open it on codepen.io
See the Pen CSS only scroll indicator by Mike (@MadeByMike) on CodePen.
Keep playing with css animations. Just little bit of rotation of elements. No javascript.
See the Pen html css clock by Mike Cherniaev (@mikecherniaev) on CodePen.
I just wanted to do something small and usefull for certain future projects =)
So I decided to create the toggle button with simple animations. Yes, maybe it’s not perfect, but it’s simple and it works!
See the Pen toggle by Mike Cherniaev (@mikecherniaev) on CodePen.
If you, kind stranger, ask me, what the hack is this post, I ‘ ll answer that it’s just for myself =)
This is a bone for responsive css like in bootstrap. Nothing more.
@media (min-width: 1200px) {}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (min-width: 768px) and (max-width: 991px) {}
@media (max-width: 767px) {}