메뉴 건너뛰기

MH

내 사랑치 않고 끝내는 것 보다 사랑해서 잃어 버리는 편이 좋다.

It is better to have loved and lost than to have never loved at all.

XE타운
2018.01.29 13:20

10원짜리 깜빡이로 강조하기 팁

조회 수 86 추천 수 0 댓글 0
Extra Form
원작자 웹지기
출처 https://xetown.com/rxe_tip/871064

뭔가 꼭 알려 주고 싶은 내용을 특정 위치에 적어 놓지만 신경 쓰지 않고 읽지 않는 경우가 많을 겁니다.

깜빡이 효과를 줘서 조금 더 눈에 띌 수 있도록 해 봅니다.

 

보통 알림이나 쪽지가 오면 알릴때 이 효과를 많이 쓰지만 저는 글 등록 버튼 위에 문구에 한번 효과를 주어보았습니다.

 

blinker.gif

 

이미지가 왜 이리 구리게 .. 제가 gif 생성 프로그램을 오늘 깔고 처음 써본거라...

 

 

 

css에 

.blink {-webkit-animation-name: blinker;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: cubic-bezier(1.0,0,0,1.0);-webkit-animation-duration: 2s;}
@-webkit-keyframes blinker { 
  from { opacity: 1.0; } to { opacity: 0.0; }

 

를 추가하고..

 

 

효과를 주고 싶은 곳에 class="blink" 를 지정하면 됩니다.

Who's 팔공산

profile

이 世上에서 現在가 가장 중요한 時間이며,
내가 만나고 있는 바로 그 사람이 第一 중요한 사람이며,
同時에 가장 중요한 것은 그 사람에게 善으로서 行하는 것이다.

Atachment
첨부 '1'
    댓글이 하나도 없네요ㅠㅠ
    Tip이 도움이 되었다면 댓글과 평가 부탁합니다. Tip에 대한 궁금한 점은 댓글로 남겨 주시면 성심껏 답변 드립니다.
?

List of Articles
번호 분류 제목 원작자 날짜 조회 수 적용여부
232 문하우스 댓글유도문구에 에니메이션 효과 적용 80san 2018.01.31 164 적용
231 문하우스 "소셜XE 2015 모듈" 사용중 API 오류 나는 경우 file 80san 2018.01.31 140 적용
230 문하우스 위젯을 가로로 정렬했을때 모바일에서 반응형으로 적용하기 file 80san 2018.01.29 276 적용
» XE타운 10원짜리 깜빡이로 강조하기 팁 file 웹지기 2018.01.29 86
228 문하우스 SoSiFam 한 줄 메모 게시판 라이믹스에서 사용 가능하게 편집 2 file 80san 2018.01.27 132 적용
227 문하우스 라이믹스에서 내용글 없이 글 작성하기 file 80san 2018.01.27 106 적용
226 문하우스 문하우스의 라이믹스 업데이트 여정 5 file 2018.01.27 232
225 XE타운 간단한 게시물 주소 복사 버튼 달기 5 file 돼둥이 2018.01.22 254 적용
224 문하우스 게시판 설정 위자드 생성하는 방법 file 80san 2018.01.21 83
223 문하우스 squarenet.kr에서 제공하는 cPanel 무료 웹서브 세팅 따라하기 3 file 80san 2018.01.15 306
222 Xe 로그인 ID를 이메일에서 아이디로 변경하는 방법 file 불금 2018.01.13 94
221 문하우스 말풍선(툴팁) 애드온을 이용한 위젯설정 3 file 80san 2017.11.07 193 적용
220 XE타운 라이믹스 스케치북 게시판 및 스케치북 게시판 1.72 스크롤 이슈 file 도리 2017.10.07 160 적용
219 문하우스 본문에 삽입된 이미지들이 사라진 경우 file 80san 2017.09.25 139
218 XE타운 확장변수중 "단일 선택(radio)"시 "직접입력" 부분 나오게 수정 file 윤삼 2017.05.19 491
217 기타 대댓글에 'OOO님에게 달린 댓글' 구현하기 1 file Str@wBerry♪'· 2017.05.16 245 적용
216 XE타운 게시판 리스트 확장변수 항목에 css 입히기 13 file 윤삼 2017.04.22 374 적용
215 XE타운 제목에 태그 출력하고 링크 걸기 file socialskyo 2017.03.20 3038 NO
214 Xe "이 페이지 나가기" 경고창이 뜨는 사이트의 경우 투씨 2017.02.09 337
213 Xe xe업데이트 후 member모듈 업데이크가 되지 않을때 file 고니고니 2017.02.03 106
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...