[CSS]これは素敵なアイデア！borderを使ったCSS3アニメーションのテクニック
Simple yet amazing CSS3 border transition effects デモ 実装 デモ デモはFirefox, Chrome, Safariなどのモダンブラウザでご覧ください。 IEはたぶん10でしょうか。 デモは大きく分けて、3種類です。 デモ下段 最後は矩形のデモ、円形とは異なるアニメーションが楽しいです。 実装 HTML HTMLは非常にシンプルでa要素にclassを指定するだけです。 <a href="#" class="one"></a> <a href="#" class="two"></a> <a href="#" class="three"></a> ... ... CSS まずは、共通のスタイルシートから。 かわいい車の画像はdate:imageです。 a { background-image: url(data:image/gif;base
これからのWebサイト
この10年間ほどで、Webの世界はめまぐるしい変化を遂げ、いまなお進化を続けています。情報発信としてのWebサイトだけではなく、サービス提供、開発支援のツールなども増加し、Webは様々な利用をされるようになりました。この特集では、この先の10年につながる今後のWebとそれを支える注目技術を紹介していきます。ですが、その前に、まずこれまでにWebがどのように変化してきたか。近代史を振り返ります。 2000年ごろから「Flash」を活用したサイトが増え始め、Webサイトは表現的にも華々しいものとなっていきました。それまでの無機質なインタフェースだけでなく、情緒的な演出として、また直感的な操作を促す効果として、随所に使われるようになってきています。この傾向は徐々に強まっていき、2007年には「Silverlight」も登場しました。 並行して、「JavaScript」も脚光を浴びました。以前はW
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
