プロっぽくなった！こっそり使いたい「動きのある」CSSテクニック
作成：2014/06/2 更新：2014/11/01 Web制作 > WebデザインギャラリーやWPテーマなどで「見栄えのする」サイトが使っている効果など。今回はCSSのみで実現できる、動きあるエフェクトをメモしておきます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ マスク １．マスク・キャプション ２．円形キャプション ３．全画面+オーバーレイ ４．ストライプの背景 フルスクリーン系 ５．スライド＋フルスクリーン ６．全画面背景動画 ７．パララックス ８．フルスクリーンにフィット ９．背景画像をブラウザごとに最適化 １０．メガメニュー 画像可変 １１．画像で枠線を表現する １２．半透明＋フィルタ １３．文字以外を透明にしてレイヤーさせる 図形 １４．ループ＋ローディング １５．3Dボックス １６．矢印ナビ 画像切り抜き １７．六角形 １８．卵型＋星形
クリエイティブになりきれず
僕は美大の建築科を卒業して、設計事務所に就職した。美大の建築というと、皆アトリエ系という俗に言う有名建築家の事務所へ行き、弟子になるのが一般的なのだが、僕は奨学金もあったし、普通に社会人になったらお金も欲しかったので、一般企業である設計事務所へ。 同期は工学部ばかりだったので、美大卒の自分は意匠科に回してもらえるとばかり思っていたのだが、実際に配属されたのは積算科というお金の部署。毎日毎日人が書いた図面を見て、幾らになるか電卓を叩く日々。初めの頃は絶望しかなかった。上司に意匠に何とか入れないかとは相談したけど、聞き入れては貰えなかった。 だけど、僕の今の部署でも、お金の観点から設計に意見することは多々ある。予算がなければ建築は建たないのだ。これだって立派な設計の一部だと、最近では思う。 社会人になって、僕はお金と余裕を得た。美味しいお酒やご飯もいっぱい覚えた。広めの部屋に住み、好きなインテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
