:PLACEHOLDER-SHOWN SELECTOR

Author:

  • Liam
  • October 12, 2019

Made with:

  • HTML / CSS (SCSS)

About the code:

This is a nice and simple Animation created with the :placeholder-shown selector to make a search form. With no JS, it validates and shows/hides the submit button.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code