Hi Guys,

 

I've used a simple marque code to get a slider running from right to left on a website.

 

It works fine in FF and IE, but not in Chrome.

 

I did find the following webkit code that works in chrome, but how can I force the script to run in chrome, while disabling the marque code when in chrome - is this even possible or is there a better 1 script fits all, lol, if only

 

<!-- Works in IE and FF -->
	<div id="container" class="clearfix">
	<marquee behavior="scroll" direction="left" scrollamount="4" style="padding-bottom:2px; width: 960px; height: 102px; background-color: #ffffff; overflow: auto;">Tesssssssssssstinnnnnnnnnnng</marquee>

<-- Works in chrome but not IE and FF -->	

	<style type='text/css'>
@-webkit-keyframes "slide" {
0% {left: 0%;-webkit-animation-timing-function: ease-in-out;}
100% {left: 90%;-webkit-animation-timing-function: linear;}
}

.slider{
position:absolute;
width:960px;
-webkit-animation-name: slide;
-webkit-animation-duration: 6s;
-webkit-animation-iteration-count: infinite; 
-webkit-animation-direction: alternate;
left: 0%;
}
</style>
<div class='slider'>Tessssssssssstingggggggggg</div>

Edited May 29, 201214 yr by Renaissance-Design
[quote] is for quotes. [code] is for code

Never. Use. <marquee>.

see here

 

another

Edited May 29, 201214 yr by sash_oo7