Có thể bạn quan tâm
Với css3 ta có thể làm được rất nhiều điều không tưởng tượng được.
Hôm nay mình sẽ giới thiệu tới các bạn một hiệu ứng đơn giản với css3 đó là ẩn hiện nội dung hay một đối tượng nào đó.
Thành phần:
HTML:
Để duy trì blog nên mình có làm aff cho 1 số bên hosting. Nhưng dù aff mình cũng chọn 1 số nhà cung cấp uy tín về chất lượng và support nên các bạn cứ yên tâm nhé.
Nếu có mua hosting mà có trong list dưới đây các bạn click vào link trước khi mua để ủng hộ mình nhé. Mình cảm ơn nhiều
- Azdigi: Giá rẻ thì dùng gói Pro Gold Hosting còn chất lượng hơn thì em khuyên dùng Business Hosting. Có điều kiện thì lên VPS nhé
- Tino hosting
- iNet
- Nước ngoài thì Vultr
<div class="MrToan">Lê Văn Toản</div>
CSS:
.MrToan{
color: #00c6ff;
font-size: 15em;
-webkit-animation: mymove 1s ease infinite;
-moz-animation: mymove 1s ease infinite;}
/* Simple Animation */
@-webkit-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
}
@-moz-keyframes mymove
{
0% {opacity:1.0; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:1.0; text-shadow:0 0 20px #00c6ff; }
}
Các bạn có thể tìm hiểu thêm và phát triển thêm các hiệu ứng khác tại đây
Chúc các bạn thành công!
Kho plugin của tôi
- Bình luận
