CSS Material Design Box Shadows

material design box shadow

Cara membuat box shadow material design pure css. CSS Google Material Design Box Shadows. Membuat box shadow seperti google.

material design box shadow css, material design box shadows, material design box shadow sass, material design box shadow animation, google material design box shadow, google material design text shadow, material design box shadow, material design box shadow photoshop, material design text shadow

Google Material Design Box Shadow

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac laoreet elit. Phasellus dignissim purus vitae urna cursus, quis congue ligula tristique. Ut nec blandit risus. Donec at orci ut justo venenatis viverra. Suspendisse in volutpat lacus. In enim est, dapibus eget ipsum sed, suscipit ultrices diam.

5 komentar
  1. TergaulJuly 2, 2016 at 3:31 PM

    ini yang ku cari, terima kasih gan....

    ReplyDelete
  2. JhonarendraApril 5, 2017 at 3:58 PM

    Bgus juga..
    Apalagi yg isi transisi

    ReplyDelete
  3. UnknownJune 4, 2017 at 1:01 AM

    cara editnya gimana?

    ReplyDelete
    Replies
    1. Mas TamvanJune 4, 2017 at 1:23 AM

      Copy CSSnya, terus agan masukin ke id / class dari divnya
      contoh
      .box{
      -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
      -webkit-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;

      }

      Delete