tailwind

July 18th 2022, 7:45:29 pm EDT #

Another css example I want to hang on to.

It’s pushable!

Code:

<button
  class="mb-4 p-2 w-32 transition ease-in-out duration-100 outline outline-1 shadow-[0_5px_0px_0px_rgba(0,0,0,0.6)] active:shadow-none active:translate-y-1 "
>
  pushable button
</button>

There’s a lot of more examples at Josh Comeau’s site and hnldesign

July 17th 2022, 5:08:19 pm EDT #

quick example of some css tailwind stuff when hovering over an image