0 0
Read Time41 Second

Hallo Gengs,, Kali iniĀ  Mr. Jibrut akan bahas script sederhana untuk membuat fadeout saat hover sederhana pakai css3. yuk dah ah, Langsung saja,,
ini scriptnya :

Fade Out Saat Hover Menggunakan CSS3

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   background:#ccc;
   height:100px;
   width:100px;
}

.fade:hover {
  opacity: 0.5;
}

HTML-nya :
<div class="fade">Fade</div>

kurang lebih seperti itu, jika ada yang ingin ditanyakan boleh silakan tinggalin aja komentar dibawah.
See You in the next post.

<h2><a style="display: block; width: 100%; background: darkred; color: #fff; padding: 5px; cursor: pointer; text-align: center;" href="https://codepen.io/rhomypd/pen/ZvQLpQ">Link Code Pen</a></h2>

Link Code Pen

Terima Kasih, semoga membantu.
btw saya lagi bangun channel youtube. minta tolong bantuan di subs yak.

Subs Channel Saya yah. Thank You

About Post Author

TahuBanyak

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %
tipe sass Previous post Jenis Style Output Sass
Next post Mengatur image retina dengan tag img srcset

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Leave a Reply

Your email address will not be published. Required fields are marked *