Ẩ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ó 726 Views

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!

Ẩn hiện nội dung, đối tượng bằng css3
5 (100%) 1 vote
Từ khóa: ,
  • Bình luận
Có thể bạn quan tâm
x