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

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

준비물 

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

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

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

[code=html]/* 앙앙대는 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); }

}[/code]