DDのこの機能をご利用いただくには、JavaScriptを有効にする必要があります。HeimVisionネットワークカメラHM302を外で使えるように防水仕様にしてみた!先日レビューでも書いた「暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!」のネットワークカメラですが、今回は外でも使えるように防水仕様...暗視性能も優秀なHeimVisionのAlexa対応ネットワークカメラHM302を使ってみた!今回紹介するのはHeimVisionのAlexa対応ネットワークカメラHM302です。HM302の特徴としてはネットワークカメラとしてはかなり画素数の高い300万画素のカメラを搭載して高画...3日間限定で出前館で50%OFFとなるキャンペーン「半額祭」を実施中!出前館では3日間限定で、対象店舗の対象商品が50%OFFとなる半額祭というキャンペーンを実施しています。SHUEISHA」というWEBサービスをご存知だろうか?なんとこのサイトではジャンプの連載されている作品の最新話が無料で読むことができます。JC5502を使ってみた!今回紹介するのはElechomesの6L大容量ハイブリッド式加湿器JC5502です。Effects」です。Modsスピーカーのレビューを書きたいと思います。Effects」です。Effectsで公開されているのはCSSのHoverエフェクトのデモなのですが、12種類のかっこいいマウスHover時のアニメーションを見ることができます。公開されているのは12種類ですが、1000ものスタイルの組み合わせを使うことができます。大昔ではこういうアニメーションをするにはJavascriptやFlashを使わないといけませんでしたが、現在のWEBではHtml+CSSだけで実装できるのですから本当にすごいですね。CSS3によって表現できる範囲が広がっているので、かっこいい演出が簡単に実装できるようになっています。Effectsのホバーエフェクトの動画を撮影したので、どんな感じでアニメーションするのか気になる人はぜひご覧ください。Effects」ライブラリでは1000種類以上の組み合わせで自由なHoverエフェクトを作り出すことが出来ます。CSSのファイルサイズも2KBと軽量なので気軽に使うことが出来ます。・12種類のアニメーションテキストエフェクトマウスカーソルを乗せるとアニメーションしてこのような表示になります。どのようなアニメーションになっているのか気になる人は動画かデモサイトを訪れて確認してみてください。CSSだけで書かれているのにとてもかっこいい表示なっています。GitHub.https://github.com/ciar4n/izmir1.GithubからファイルをダウンロードしてCSSファイルをサーバにアップロードします。2.headタグ内に以下のコードを追加します。href="css/izmir.min.css">3.Hoverエフェクトを行いたい要素を以下のように設定すれば完了です。今回は珍しくCSSのHoverエフェクトについての紹介でした。マウスを載せないと出てこないエフェクトではありますが、こういう細かい部分にもこだわるとサイトのクオリティがあがっていいですよね。Webデザインも日々進化していますし、javascriptを使わなくてもCSSだけで簡単にアニメーションを実装できる様になったのは本当にすごいです。CSS3は成熟しており、すべてのブラウザで動作する時代なのでこういうのはどんどん使って行きたいですね。アニメーションも簡単にCSSだけで実装できますし、いろいろな部分で取り入れていきたいです。ちなみにスマホでもしっかりアニメーションが動くようになっています。Loading...当ブログにリンクしてくださっているサイトの中でアクセス数の多いサイト上位15位が表示されます。DDHomeRankingDDGekiyasuNNewsTwitter。