WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。

フェリカテクニカルアカデミー

2017-06-01から1日間の記事一覧

css3のfilter機能

css3のfilter機能を使うと今までPhotoshopなどで行っていた画像加工を簡単に加える事が出来ます。 対応ブラウザー 上の図によると IE ✕ FireFox ◯ webkit-系はベンダープレフィックスを入れれば ◯ といった感じです。 使用できる効果使用できる効果は約10 種…

Flexboxの応用

前回の記事でFlexboxの便利さがなんとなく判ったと思います。今回はもう少し具体的な使い方をしていきます。前回の記事 yachin29.hatenablog.com 今回は 高さが分からないフッタを常に最下部に表示 高さが分からない要素を天地左右の中央に配置 Flexboxを使…

レスポンシブに対応したアコーディオンパネル

<body> <div class="seminar toggle"> <h2><a href="#">セミナー<span class="plus-icon close"></span></a></h2> <dl class="informationLink se"> <dt>2017年2月11日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd> <dt>2017年1月19日</dt><dd><a href="#">テキストテキストテキストテキストテキスト</a></dd> <dt>2016年12月14日</dt><dd></dd></dl></div></body>