3つの最新技術を使用した制作方法

Webクリエイターボックスさんで3つの最新技術を使ったサイト制作方法が紹介されています。

具体的な実装方法は下記リンクからWebクリエイターボックスさんに行ってもらうとして、簡単に紹介だけしたいと思います。

• マウスオーバーでアニメーション画像を表示する
• 動画を背景に
• 背景画像をテキストできり抜く

まず1番です。もうこれはサイト見てもらった方が早いですね。こちらからどうぞ。GIFでうねうね動きます。GIFとHTMLとCSSとjQueryで作られています。

2番目。これはHTML5とCSS3ですね。こんなこともできるようになっちゃったんですねぇ。

3番目はこちらのサイト。テキストが切り抜かれていますね。

詳しい実装方法は以下のリンク先、Webクリエイターボックスさんでどうぞ。

Webクリエイターボックス
http://www.webcreatorbox.com/tech/check-and-try-website/

タグ：jQuery CSS3 HTML5 実装