hoverでボーダー色変更。hoverでボーダー色変更。hoverで色変更アニメ。白背景が上に移動し、青背景が拡大表示。使ってやるのはどうなんだろうか...などと思ったりする今日この頃。使えるようになりました。実現できるようになりました。いうことでまえがきの文に「だよね~」と共感するか「なにdisってんだよ~」と反感を覚えるかによって、webコンテンツ制作スタイルや制作知識が判定できるのではないかと思ったりします。後者はもしかすると、プログラム制作費用上乗せからの会社の売上アップを目的としてわざわざプログラムを作りました展開にしているのかもしれませんが...。素人であるお客さんもいろいろネットで調べたりして、それしか方法がないんですよぉ~などと語る営業さんの嘘を見抜く場合もありますので今この一回だけの金儲けのためだけのホントはやらなくてもいい仕事については、お客さんとそのまわりにつながっている他のお客さんとの長い信頼関係構築を思えば、ほどほどにした方が良いかと思ったりします。縦メニュホバー演出の考察CSS3で制作者のみなさんが一番注意されている点として、ブラウザごとに違うベンダープレフィックスが必要・不要なプロパティについてかと思います。「box-shadow」「text-shadow」が、ブラウザがバージョンアップし、いつのまにかそのまま使えるようになっていたりします。系とオペラ系はプレフィックスを付加してても動作したり、などといろいろで、混乱する頃もありました。verによって違いもありますので、animation内で組み合わせて使う場合などは、それぞれのブラウザで動作確認することが必要かと思われます。させていた場合、ブラウザがバージョンアップしてベンダープレフィックスが不要になった時に急に動かなくなって調査修正対応をしなければならなくなる、という事例もあったりしますので注意が必要です。※プログラム内でスタイルを変更している部分があり、そこにブラウザ判定によるベンダープレフィックスを自動付加していたけれど、ブラウザ判定に使っていたinfo内容が変更されてブラウザ不明になってしまったり、プレフィックスが不要なのに付加しているために動かなくなった等の事例があったりします。判定せずに動かなくなったりしました。ベンダープレフィックスを付加していたけれど、アップグレードされて不要になったので、動作しなくなった、などもあります。※今まで動いていたのに、突然、動かなくなった、という場合、調べて見ると、ブラウザの自動アップデートが原因で、それぞれに判定部分の関数やプレフィックス付加部分を変更して対応する、などの作業が後から発生してしまう、という体験をされたかたも多いのではないかと思ったりします。サンプルについてアニメ動作の実験サンプルなので、サブメニューなし状態で作ってます原森の制作技術研究アピール用であり、ソース配布目的のコンテンツではありませんので、汎用的な作り方ではない場合があります(classではなくidで設定している等)サンプル1:背景色やボーダーの色変化をいきなり変化させるか、transitionやanimationでアニメ変化させるなどサンプル2:transform使ってみたサンプルです。お遊び的なもので実用では使えない感じです。サンプル3:transformで立体的に動作させてみたサンプルです。パネル回転など作ってみました。サンプル4:transformで立体的に動作させてみたサンプルその2です。ボックス回転など作ってみてます。サンプル5:背景色の塗りが端から伸びるようなアニメのサンプルです。サンプル6:特に何も考えず、目に付いたプロパティ使ってみたり、他のアニメと動作を組み合わせてみたサンプルです。原森の個人的な考察まとめあまりいろいろ思いつかなかったのですが、背景塗りアニメやボタンの立体回転ぐらいが使っても不自然にならない演出かと思ったりしました。