「就活狂想曲」animation "Recruit Rhapsody" ごく普通の大学生として何となく過ごしてきた主人公。ところが近頃友人たちの様子がおかしい。聞けば、彼らは噂の"就活"に躍起になっているらしい。それが一体どのようなものなのか見極められぬまま、主人公もまた「ニッポン式就活」の渦中へと引きずり込まれて行く。 吉田まほ 2012年度作品。 https://www.instagram.com/damahogram/ http://blog.goo.ne.jp/damaho
JavaScriptを使用しないで、スタイルシートでタブコンテンツを実装するポイントから、コンテンツの切り替えやタブのフォーカス時にちょっとしたCSS3アニメーションを加えるチュートリアルを紹介します。 Demo 4: 垂直型タブ 実装 HTML タブの各コンテンツはdiv要素で、タブはinput要素で実装します。input要素のチェックでタブを切り替えます。 <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">About us</label> <input id="tab-2" type="radio" name="radio-set"
通常時は画像が配置されたパネルで、ホバー時には元画像に重ねて、半透明のアニメーションで情報を見せる「Dribbble」風のエフェクトを実装するスタイルシートを紹介します。 本家よりこっちの方がかっこいいかも。 Using CSS3 Animations to Build a Sleek Box UI [ad#ad-2] デモ 実装 デモ デモではCSS3に対応したブラウザ、Firefox4+, Chrome, Safari, Opera, IE9+でご覧ください。 ホバー時 実装 HTML パネルはdiv要素で実装し、画像やホバー時のコンテンツを内包します。 <div id="container"> <div class="boxxy"> <a href="http://dribbble.com/shots/489532-Banking-App" target="_blank" class
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く