Zooming Background-image

여러 가지 방법이 있지만, 가장 쉽고 외부 플러그인을 쓰지 않고 HTML과 CSS만으로 만들 수 있는 방법입니다.

 

[codepen_embed height=”265″ theme_id=”light” slug_hash=”bWydoG” default_tab=”css,result” user=”hsmtree”]See the Pen Zooming Background-Image on hover by David (@hsmtree) on CodePen.[/codepen_embed]

출처: https://css-tricks.com/zooming-background-images

워드프레스는 코드를 편집해 넣기가 아주 불편하네요.

Advertisements

답글 남기기

댓글을 게시하려면 다음의 방법 중 하나를 사용하여 로그인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 /  변경 )

%s에 연결하는 중