YesYo.com MintState Forums
뒤로    YesYo.com MintState BBS > Tech > ETC
검색
멤버이름    오토
비밀번호 
 

[CSS]Rainbow Text - css를 이용한 텍스트에 무지개 효과

페이지 정보

작성자 MintState 댓글 0건 조회 4,576회 작성일 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>

댓글목록

등록된 댓글이 없습니다.

Total 71건 1 페이지
게시물 검색
모바일 버전으로 보기
CopyRight ©2004 - 2024, YesYo.com MintState. ™