앙앙거리는 다모앙 로고 v2
알림
|
페이지 정보
작성일
2024.04.30 00:07
본문
지난 글 '앙앙거리는 다모앙 로고 (바로가기 🔗)'의 움직임에 바운스 스케일을 넣어 생동감을 더 살렸습니다.
훨씬 보기 좋네요. 역시 앙앙거리는 로고는 볼 때마다 좋습니다.
준비물
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); }
}
댓글 15
/ 1 페이지
왕대포님의 댓글
이번엔 로고에 빵 터지는 노란 풍선까지 더해져서 앙앙이 두 배가 된 느낌입니다. 좋은 하루+편안한 주말 보내시기 바랍니다
캐논광님의 댓글