反転させたいアイコンに以下のクラスを追加する。
水平反転
[php]fa-flip-horizontal[/php]
垂直反転
[php]fa-flip-vertical[/php]
レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。
iOSのchromeでも同じ現象が起こるらしいのですが、未確認。
解決策
以下のコードをCSSファイルに追加すれば解決しました。
.owl-carousel { overflow: hidden; position: relative; width: 100%; z-index: 1; // added this }
OwlカルーセルのGithubにて問題として取り上げられていました。
引用 : Flickering on slide in Chrome and Safari
この投稿へのコメント
コメントはまだありません。