Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

CSS 텍스트 그림자 속성 애니메이션


텍스트 그림자에 애니메이션을 구현하려면 CSS의 속성에서 다음 코드를 실행할 수 있습니다 -

예시

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