Topic Summary - Displaying all post(s). Click here to show the reduced amount
Posted by: Dandello Posted on: Oct 26th, 2017 at 12:57pm
Some of the tags in the css aren't as well supported as they might be. Win Safari ignores half the instructions - like speed and direction. But, then Win Safari is obsolete, too.
Posted by: Derek Bullock Posted on: Oct 17th, 2017 at 7:13am
Using iPad and working on Safari but not Firefox App.
Posted by: Dandello Posted on: Dec 5th, 2015 at 8:20pm
I'm 99% cure it's now working in Safari (well, newer versions of Safari).
In your .css files add
Code (CSS)
.marquee {
width: 100%;
margin: 0 auto;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.marquee span {
display: inline-block;
padding-left: 100%; /* show the marquee just outside the div */
-webkit-animation: marquee 15s linear infinite;
animation: marquee 15s linear infinite;
}
.marquee span:hover {
animation-play-state: paused;
-webkit-animation-play-state: paused;
}
/* Make it move */
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
@-webkit-keyframes marquee {
0% { -webkit-transform: translate(0, 0); }
100% { -webkit-transform: translate(-100%, 0); }
}