読者です 読者をやめる 読者になる 読者になる

キロクのブログ

変わりゆく風景やものを単なる私的思い入れで記録中。意外とのんびりしてられない。

ブログ作り

[HTML・CSS]CSSでエフェクト:hoverで文字が拡大する

何度引越してもずっと白が基調の我がブログ。 地味で無機質になりがちなので、マウスオーバーしたとき、その部分がほわっと拡大するエフェクトを付けてみました。【例】 ここからトップページに飛びます。 jQueryなどのJavaScriptを使わず、CSSのみで簡単に…

[HTML・CSS]記事に表を挿入する

あんまり使うことはないかもしれないけど、記事の中に表を入れるとき。たとえば、こんな感じの表。 .table3 { border-collapse: collapse; } .table3 th { background-color: #cccccc; } 列-A列-B 行-1A-1B-1 行-2A-2B-2 行-3A-3B-3 <tr><th></th><th>列-A</th><th>列-B</th></tr> <tr><td>行-1</td><td>A-1</td><td>B-1</td></tr> <tr><td>行-2</td><td></td></tr>…

[HTML・CSS]CSSでエフェクト:画像の縁をほわっと装飾

CSSを使って画像の縁をふんわり見せる装飾をしてみました。 「box-shadow」を使うと、「水平方向の距離」「垂直方向の距離」「ぼかし距離」「広がり距離」「影の色」を指定することができます。 .img { margin:5px 5px; padding: 2px; background: #fff; -we…

ヘッダ画像はここで撮影&加工はJTrim

ブログを作るとき、きれいなフリー画像を使うというのも一案だけど、なるべく自分で撮ったものを使うようにしています(スマホかコンデジだけど)。 下手なりに撮った画像を下手なりにフォトレタッチソフト「JTrim (作者:WoodyBellsさん)」というツールで…