본문 바로가기

HTML & CSS3

css - background-position을 통한 움직임

ㅋㅋcss ㅂㄷㅂㄷ 너무 어려워...


스타벅스코리아:http://www.istarbucks.co.kr/index.do

처음시작부분에 찻잔이나오고 그 다음 벚꽃이 떨어지는게 표현되어있다

분석해본결과 백그라운드-포지션 값이 계속 올라간다.

하지만 처음에 해봤지만 그림이 후루루루루루룩~ 지나간다...

슈밤 이게뭐지... 왜 안되지 하다가

역시 개발자는 의자에 엉덩이 비빈시간으로 승부한다.


링크:http://creatijin.dothome.co.kr/project/css/bg-position/sakura/sakura.html

링크:http://creatijin.dothome.co.kr/project/css/bg-position/bg/fosition.html

이미지들은 각 사이트에서 가지고와서 만들어보았다.

내가 저걸 제작하기에는... 좀 무리가있다보니...

아 그리고 하코사에서 질문하다가 질문 잘 달아주시는 칸쵸뿐이야 라는 분이계시는데

링크:http://www.jqueryscript.net/animation/jQuery-Plugin-For-Sakura-Petals-Falling-Animation-Sakura.html

이걸 추천해주길래 눌렀더니!!

사...사...사쿠라네 사쿠라여!!!!

ㅋㅋㅋ 잘쓰겠습니다~