CSSのみ！動きのあるデザインをコピー＆ペーストで実装できるサンプルコード集
自由度の高い表現が可能になったCSS3は、簡単なアニメーションや動きをつけることもできます。 今回は、CSSだけでできる動きのあるデザインをピックアップしてご紹介します。 フロントエンジニアの方にとっては、CSSテクニックのレパートリーが増えるだけでなく、コピー＆ペーストで手軽に利用できますので、動きのある表現をしたいという時に取り入れてみてはいかがでしょうか。 CSSだけで表現できる動きのあるテクニックまとめ 1.CSS3フルスクリーン背景スライドショー DigitalSkill CSSのみでフルスクリーン背景のスライドショー、タイトル表示をおこなうチュートリアルです。 アニメーション部分は、複数パターンのサンプルデモを公開しています。 2.Fullscreen Overlay Effects codrops クリックすると、フルスクリーンのオーバーレイがかかるエフェクトのサンプルです。
紅茶のサブレ - ハナゴト
今日のおやつは、紅茶のサブレ。 紅茶葉をたっぷり練りこんだ、サクサクホロホロのサブレです。 ～紅茶のサブレのレシピ～ ・薄力粉 １３０ｇ ・バター（無塩） １００ｇ ・砂糖 ５０ｇ ・塩 ひとつまみ ・卵黄 １個分 ・紅茶のティーバッグ ２袋（約４ｇ） ・グラニュー糖 ①やわらかくしたバターをクリーム状になるまで練り、砂糖と塩を加えてしっかり混ぜます。卵黄を加えてさらに混ぜ、紅茶葉を加えて混ぜます。 ②薄力粉を振るい入れてさっくり混ぜます。 ③生地を棒状にまとめ、ラップなどにくるんで冷蔵庫で２時間以上休ませます。 ④バットなどにグラニュー糖を広げ、休ませた生地をコロコロころがして砂糖をまぶします。 包丁で約８ｍｍほどの厚さに切り、オーブンシートを敷いた天板に並べます。 １７０℃に予熱をしたオーブンで約２０分焼きます。 紅茶のサブレ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
