[CSS]Rainbow Text - css를 이용한 텍스트에 무지개 효과
페이지 정보
작성자 MintState 댓글 0건 조회 5,008회 작성일 19-03-20 11:01본문
[CSS]Rainbow Text - css를 이용한 텍스트에 무지개 효과
<style> .rainbow { /* Chrome, Safari, Opera */ -webkit-animation: rainbow 3s infinite; /* Internet Explorer */ -ms-animation: rainbow 3s infinite; /* Standar Syntax */ animation: rainbow 3s infinite; } /* Chrome, Safari, Opera */ @-webkit-keyframes rainbow { 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 30%{color: CadetBlue;} 40%{color: yellow;} 50%{color: coral;} 60%{color: green;} 70%{color: cyan;} 80%{color: DeepPink;} 90%{color: DodgerBlue;} 100%{color: orange;} } /* Internet Explorer */ @-ms-keyframes rainbow { 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 40%{color: yellow;} 60%{color: green;} 100%{color: orange;} } /* Standar Syntax */ @keyframes rainbow{ 0%{color: orange;} 10%{color: purple;} 20%{color: red;} 40%{color: yellow;} 60%{color: green;} 100%{color: orange;} } </style> <span class="rainbow">Rainbow Text</span>
|
댓글목록
등록된 댓글이 없습니다.