5.7でアンカーにtransition

2016年2月3日 at 17:24

質問ではなく気付いたことですが・・・

a {
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}

サイト全体のアンカーに上記のようにtransitionを掛けていたのですが、
このようにするとブロックの追加や移動で動きがおかしくなります。
自作のひとつのテーマで動きがおかしくて原因探したらこれでした。

同じ症状にあたる人が居るかどうかわかりませんが参考までに・・・

タグ:

Re: 5.7でアンカーにtransition

2016年2月4日 at 22:38
aタグにそのまま指定してしまうとconcrete5のシステムに含まれるaタグにもスタイルが効いてしまうのが原因かと思われます。

concrete5ではbodyに.ccm-pageというクラスがつきますので、
.ccm-page a {
-moz-transition: 0.3s;
-o-transition: 0.3s;
-webkit-transition: 0.3s;
transition: 0.3s;
}
としてみると回避出来るかもしれません。

参考ページ:http://concrete5-japan.org/help/5-7/developer/designing-for-concrete5/building-a-concrete5-theme/common-pitfalls/
 

Re: 5.7でアンカーにtransition

2016年2月5日 at 7:44
確認してみたところ問題無く動作できました。
ひとつひとつ指定しなければと思っていたのですがすっきりできました。
ありがとうございます。
 

Re: 5.7でアンカーにtransition

2016年2月4日 at 23:42
ありがとうございます!

自分の作っているコーディングガイドラインも更新しました。

http://github.com/katzueno/concrete5-Coding-Guideline/tree/japanese

の「HTML 要素や Bootstrap の基本 CSS に直接 CSS スタイルを割り当てない」に追記しました。