css - Text present inside this particualr div should be marquee -
#player #title{ left: 90px; width: 200px; overflow: hidden; }
text present inside particular div (#title) should marquee. there should no changes in html (only java script allowed ). how proceed? kindly out ...
if text known , never change, use css3: transition , text-shadow , make slide text-indent, example:
p { text-shadow:35em 0 0;/* equal length of text */ width:15em; white-space:nowrap; overflow:hidden; animation: marqueeme 3s infinite; margin:auto; background:yellow; border:solid red; } @keyframes marqueeme { {text-indent:-35em; }
<p>pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
see , test : http://codepen.io/gc-nomade/pen/wgtmy
you need use em values match text-size, may need, well, reset letter-spacing. can break if text change or fonts.
Comments
Post a Comment