Ẩn hiện nội dung, đối tượng bằng css3

Cập nhật lần cuối 18/03/2017 by trong HTML&CSS vào 14/10/2013 có 1128 Views
Các bạn ơi! TINO HOST đang giảm 51% Unlimited Hosting chỉ còn 39k/tháng thôi nha. Hosting KHÔNG GIỚI HẠN nha
Chi tiết Về Tino Host tại đây
Chi tiết giá Hosting tại đây

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 đó.

Demo

Thành phần:

HTML:

<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!

Từ khóa: ,
Các bạn ơi! TINO HOST đang giảm 51% Unlimited Hosting chỉ còn 39k/tháng thôi nha. Hosting KHÔNG GIỚI HẠN nha
Chi tiết Về Tino Host tại đây
Chi tiết giá Hosting tại đây
  • Bình luận
Hosting nên dùng cho WordPress tại Việt Nam
Nhắn tin cho tôi 0965.419.096
Sản phẩm nổi bật của Toản
x