앙앙거리는 다모앙 로고 v2

알림
|
X

페이지 정보

작성자 왕대포 182.♡.153.131
작성일 2024.04.30 00:07
분류 다모앙
1,838 조회
13 추천
쓰기

본문

지난 글 '앙앙거리는 다모앙 로고 (바로가기 🔗)'의 움직임에 바운스 스케일을 넣어 생동감을 더 살렸습니다.

훨씬 보기 좋네요. 역시 앙앙거리는 로고는 볼 때마다 좋습니다.

준비물 

1. Windows : 크롬이나 엣지, 파이어폭스 / Android : 키위브라우저 에서 Stylus 확장프로그램을 설치합니다.

https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne (크롬, 키위)

2. Stylus에 다모앙 싸이트를 등록 생성하고 아래 코드를 붙입니다.

/* 앙앙대는 logo */
.container.px-3 > div > div > a > img {
  animation: shake 0.75s;
  animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(0px, 3px) scaleY(0.95); }
  30% { transform: translate(0px, 0px); }
  60% { transform: translate(0px, 1px) scaleY(0.99); }
  100% { transform: translate(0px, 7px) scaleY(0.89); }
}

댓글 14 / 1 페이지

캐논광님의 댓글

작성자 no_profile 캐논광 (175.♡.66.47)
작성일 04.30 00:28
앙앙 무빙 로고

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 04.30 11:45
@캐논광님에게 답글

재시켜알바님의 댓글

작성자 no_profile 재시켜알바 (103.♡.26.5)
작성일 04.30 10:14
오~~ 잘됩니다.!!

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 04.30 11:46
@재시켜알바님에게 답글

초코파e님의 댓글

작성자 초코파e (211.♡.72.112)
작성일 04.30 11:08
대문갑시다~~~

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 04.30 11:45
@초코파e님에게 답글

NeoPD님의 댓글

작성자 no_profile NeoPD (101.♡.140.15)
작성일 04.30 12:43
오 신세계!! 고급스럽네요!

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 04.30 13:06
@NeoPD님에게 답글 앙앙거림을 보고 있으면 작은 활력이 됩니다^^

jdspitz님의 댓글

작성자 jdspitz (39.♡.36.237)
작성일 04.30 21:44
감사합니다. 귀엽네요

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 04.30 21:52
@jdspitz님에게 답글
다함께 앙앙입니다. 편안한 저녁 보내세요

통통한새우님의 댓글

작성자 통통한새우 (118.♡.3.65)
작성일 05.02 13:00
일단 스크랩하고 집에 가서 해봐야겠네요. ^^

왕대포님의 댓글의 댓글

대댓글 작성자 왕대포 (182.♡.153.131)
작성일 05.02 14:11
@통통한새우님에게 답글

Jaekky님의 댓글

작성자 Jaekky (106.♡.197.245)
작성일 05.03 05:12
앙앙거리는 모습이 좋습니다. 잘 사용중입니다.

왕대포님의 댓글

작성자 왕대포 (182.♡.153.131)
작성일 05.03 08:33
이번엔 로고에 빵 터지는 노란 풍선까지 더해져서 앙앙이 두 배가 된 느낌입니다. 좋은 하루+편안한 주말 보내시기 바랍니다
쓰기
홈으로 전체메뉴 마이메뉴 새글/새댓글
전체 검색