- このトピックには13件の返信、3人の参加者があり、最後に
により8年、 7ヶ月前に更新されました。
-
投稿
-
プロモーション用装飾ボックスのホバーアニメーションにアイコンを回転させる効果がありますが、その中で、アイコンを時計回りに360度回転させる「iconrotate=3」が動かなくなっていることに気付きました。
※マウスを近づけると色は明るくなります…URL：http://sakura-cast.com/
いくつか試してみた結果、反時計回りの「iconrotate=6」も動きません。
それ以外の45度などは動きますし、ズームなどのその他の効果も大丈夫ですので、360度だけができないようです。また私のページだけでなく、御社のページに設定例がありますが、そのページでも動いていませんので、私のページの問題だけではないと思っています。
url:https://digipress.info/manual/shortcode-list/13/
ただし、この現象はGoogle Chromeだけで、IEだと正常に動いています。
これまではずっと正常に動いていたんですが、今日初めて気づいた現象です。
毎日見ているわけではないので、いつからという明確な日付は分かりませんが、最近Google Chromeのロゴなどが変わったので、何かしらバージョンアップがあったせいで不具合が発生したのかもと素人ながら推測しております。もしかしたらGoogleの問題で、御社に関係ない部分かもしれませんが、対応方法を教えていただければと思います。
よろしくお願いします！
補足：
テーマの更新に気付いていなかったため、先ほどバージョン1.1.6.1に更新しましたが、360度回転に関しては、反応しません。
それだけでなく、アニメーション用セレクタのズームインも反応しなくなりました。
※全てのページの右サイドバー一番上にあるバナーに適用しています。IEでは元々動かないとのことですが、今回はGoogle Chromeでの現象です。
※プロモーション用ボックスのズームインは動きますし、御社のページにある設定例はしっかり動いています。https://digipress.info/manual/html-decoration/22/
以上補足でした。
ご対応よろしくお願いします。
返信ありがとうございます。
おかしいですね・・・今日、1.1.6.3にアップデートして、再度確認していますが、やはり回転アイコンが360度回転しません。
記憶はないですが、Chromeの設定を何か変更してしまったのかもと思い、初期化したChromeで試してみましたが同じで、やはり45度などは動きますが360度は動きません。
※時計回り、反時計回り共に。PCの環境に何か原因でもあるのかもと思い、友人のPCで友人の設定のChromeでも試してみましたが、同様です。
御社のページでも同様ですので、ソースに原因があるとは思えないですし・・・
https://digipress.info/manual/shortcode-list/13/
サイドバートップに設定したショートコードを利用しないCSSアニメーションの「ズームイン」に関しても同様にやはり動きません。
※シャドウは機能します。GIF動画を作ってみましたので、お手数ですがご確認お願いします。
何度も申し訳ないですが・・・
やはりどこか不具合はないでしょうか？
自分のだけでなく、他の人のChromeでも確認してるんですが、やはり360度回転はしません。
特に何の設定もしていないChromeでも確認しましたが回転だけが動かない状況です。また、IEに関しては開店はするものの、本来「iconrotate=3」と「iconrotate=6」は時計回りと反時計周りに動くはずですが、どちらも時計回りに回転します。
今一度ご確認お願いします。
かなり前の質問についてで恐縮ですが、私の方でも360度の回転しませんでしたのでご報告します。
貴社ホームページ上
https://digipress.info/manual/shortcode-list/13/
で回転しませんでした。環境:
Google Chrome 51.0.2704.84 m
windows7 homepremium sp1ただし、
Firefox 47.0
IE 11
では360度回転を確認できました。ご確認をお願いできればと思います。
kono様
確認いただき、ありがとうございます！
私の方でも今でもChromeでは動かないままです。
動かないと分かってるんですが、原因が分からないようですので、諦めてそのまま放置しています・・・（笑）
動かない環境自体が再現できていない（回転してしまう環境で作業している）以上、原因が特定できない為、改善することもできないのでしょう。
仕方ありませんね。
ただ、このような動きに見せる為、のコードなので動かなければコード自体に改善の余地があると考える方が正しい気がします。サイトを作る側が見る側に環境を整えろとも言えないので。
45度（？）くらいの動きについては#49786で添付されているgifデータでもあるように動きますので、360度回転するアニメーション自体に何らかの問題点があるものと考えられます。
とここまで考えたところで
このフォーラムのページの右上にあるフェイスブックやfeedのアイコンについてはきちんと1回転していたので、ここから他の回答ができました(＝中身を見てほぼコピペしました)。
本文中でも以下のような記載をしたところアイコンが右に1回転しました。
<div id=”fixed_sns” class=”Right” style=”animation-name:Right;”></div>
ショートコード上での解決ではありませんが、うまく使えば回転するように見せることはできるようです。もういらないかもしれませんが、ご参考下さい。というかまずはご確認頂ければ幸いです。真ん中の見えないところにも一列ahrefの行があります。リンク消してるのにどうして表示できないのかわからないのですが、このフォーラムの右上のアイコンで検証（chromeなら右クリック）を押して表示されるのを見て、フェードインはしなくていいのでここからちょっとアレンジするだけです。
連投失礼いたしました。kono様
何度も骨を折っていただき、ありがとうございます！
私のChromeでもSNSボタンは回転しています。つまり、ショートコードではなく、教えていただいたSNSボタンと同じように（フェードインは除く）本文中で記載してやれば、他の画像も同じように回転させられるはず・・・
という意味ですよね・・？？
一度試してみます！
たびたび申し訳ございません。
私の記載内容に誤りがありました。
によるとフェードイン用のアニメーションが有料のショートコードとは別にあるようです。
つまり記載した、
<div id=”fixed_sns” class=”Right” style=”animation-name:Right;”>
のclass=”Right”は不正であり、style=”animation-name:Right;も恐らく不正です。初心者なので内容についてはわかりませんが、回転するのはfixed_snsによるものであると思われます。また、大きさの調整を試していましたが、どうしても変更することができません。
仮にオリジナルスタイルシート設定などで、もともとのSNS用の表示の大きさを変更したとしても、今度はSNS側の表示の大きさを変えることができない為、SNSのアイコンが大きくなり邪魔になると思われます。これはSNS用に設定されたもので、他に応用することはできないのかもしれません。残念です。お騒がせいたしました。
- このトピックに返信するにはログインが必要です。