HTML まずは簡単なHTMLを作りましょう。CSSがメインなので、コードは最小限にします。 コードはできるだけきれいにし、適切に意味づけを行います。 ラッパーがあり、photoというクラス名のdiv要素があり、その中にimgタグがある、という構造です。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Glossy Gradient Effect</title> <link rel="stylesheet" type="text/css" href="css/reset.css" /> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!--[if IE]> <script src="http://html5shiv.
![CSS3で光沢のある効果をつける / ウェブデザインライブラリー](https://cdn-ak-scissors.b.st-hatena.com/image/square/ea016079c5f984fe1b86bf0b3c79d7ff6da0264e/height=288;version=1;width=512/http%3A%2F%2Fwww.webdesignlibrary.jp%2Fimages%2Farticle%2Fhtml_22171_01.jpg)