Top50
보관함
즐겨찾기
좋아요
최근목록
커뮤니티
건강/의학
문화/엔터
영상/사진
쇼핑/생활
경제/금융
IT/과학
스포츠
여행
음식/요리/맛집
유아/아동
교육/학습
어플/프로그램
유튜브
카페
블로그
자료/파일/문서공유
기타
비즈니스/사업
SNS
자동차
전체보기
전체개요
 
회사명 : 모아요넷
대표자 : 전현미
조회수:1,189

테스트를 깜빡 깜빡 하게 하는 효과

0
테스트를 깜빡 깜빡 하게 하는 효과

텍스트 깜박이는 효과 만들기이다

jquery,자바스크립트 등으로 만들수 있지만

CSS로 간단하게 만드는 방법이다

 

class="red_to_blue" 선언만 하면 적용된다

<style>
/**************** 빨강 파랑 텍스트 교체 ******************/
.red_to_blue{
-webkit-animation:blink 0.3s ease-in-out infinite alternate;
  -moz-animation:blink 0.3s ease-in-out infinite alternate;
  animation:blink 0.3s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;color:#ff3300;}
    100% {opacity:1;color:#0000ff;}
}
@-moz-keyframes blink{
    0% {opacity:0;color:#ff3300;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:1;color:#ff0000;}
    100% {opacity:1;color:#0033ff;}
}
/**************** 빨강 파랑 텍스트 교체 ******************/
</style>
<div class="red_to_blue">빨강파랑으로 텍스트가 깜밖입니다</div>
유사한정보
테이블 사이즈 고정하는 css table-layout:fixed  CSS style 프로그램 소스
테이블 사이즈 고정하는 css table-layout:fixed
0
테이블 사이즈 고정하는 css table-layout:fixed
0
0
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법  CSS style 프로그램 소스
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법
0
한글,영문입력방법 적용하는 스타일  CSS style 프로그램 소스
한글,영문입력방법 적용하는 스타일
0
한글,영문입력방법 적용하는 스타일
0
백그라운드 이미지에 padding값을 주는 방법  CSS style 프로그램 소스
백그라운드 이미지에 padding값을 주는 방법
0
백그라운드 이미지에 padding값을 주는 방법
0
비밀번호 입력문구 input 이지미 삽입  CSS style 프로그램 소스
비밀번호 입력문구 input 이지미 삽입
0
비밀번호 입력문구 input 이지미 삽입
0
웹폰트를 사용해서 텍스트 폰트변경하기  CSS style 프로그램 소스
웹폰트를 사용해서 텍스트 폰트변경하기
0
웹폰트를 사용해서 텍스트 폰트변경하기
0
textarea내에 엔터를 통해 자동으로 늘리는 방법  CSS style 프로그램 소스
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
textarea내에 엔터를 통해 자동으로 늘리는 방법
0
페이지 출력할때 페이지를 구분해서 프린트하기  CSS style 프로그램 소스
페이지 출력할때 페이지를 구분해서 프린트하기
0
페이지 출력할때 페이지를 구분해서 프린트하기
0
html,body 부분의 스크롤바 제거하는 방법  CSS style 프로그램 소스
html,body 부분의 스크롤바 제거하는 방법
0
html,body 부분의 스크롤바 제거하는 방법
0
0
0
input type=text 태그만 별도로 스타일 지정하는 방법  CSS style 프로그램 소스
input type=text 태그만 별도로 스타일 지정하는 방법
0
input type=text 태그만 별도로 스타일 지정하는 방법
0