Tải bản đầy đủ - 0 (trang)
Chapter 11. Pure CSS3 Images? Hmm, Maybe Later

Chapter 11. Pure CSS3 Images? Hmm, Maybe Later

Tải bản đầy đủ - 0trang

Developer Tools: Element Styles (http://code.google.com/chrome/devtools/docs/ele

ments-styles.html#styles_edit) also played an important role letting me test my changes

on-the-fly.

My JSFiddle playground is available at http://jsfiddle.net/marcelduran/g7KvW/6/, where

you can see the code and final image result. The CSS and HTML code (no JavaScript

here) is also listed at the end of the chapter.

The three images on the Result tab of the fiddle are from top-down: original (250px

width) image, pure CSS3 with 250px width, and pure CSS3 with 50% width. If you

load the fiddle in Chrome, you’re expected to get better results. JSFiddle also allows

you to fork the code and apply your own changes, so be my guest.

With 21 DOM elements (22 counting the