Để triển khai hoạt ảnh trên text-shadow trong CSS, bạn có thể thử chạy đoạn mã sau -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<style>
div {
height: 200px;
background-color: orange;
border: 2px solid blue;
animation: myanim 3s infinite;
}
@keyframes myanim {
30% {
text-shadow: 10px 20px 30px blue;
}
}
</style>
</head>
<body>
<h1>CSS text-shadow property</h1>
<div>
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
This is demo text.
</div>
</body>
</html>