Linked Questions

I'd like to animate the background-position of some div with css like this: @keyframes wave{ from{ background-position: 80% center; } to{ background-position: 160% center; ...

How Do i set background-position-x on Opera? div#logocontainer{ width: auto; height: auto; text-align: center; line-height: 200px; overflow: auto; margin-left: auto; ...

it seems am not able to get this to work: $("#animation").animate({backgroundPosition:"-100px 10px"}); I tried this it works, But not on FFox: $('#animation').animate({ 'background-position-x': '...

Is it possible to change only Y value of background position in CSS? background-position-y is not a valid solution.

I have this site here: http://seasonsrestaurant.ca/ and In Firefox my social media icons are all the twitter icon. This is my CSS. How come background position is not working? ul.social-media li....

Let me preface this question by saying that I'd like to avoid using javascript to solve this problem. If possible (it may not be) I'd like to keep all of this "logic" in CSS. I am creating a board ...

I have a linear gradient: 2em red, 4em yellow .bar { background: repeating-linear-gradient(90deg, red 0, red 2em, yellow 2em, yellow 6em); background-position-x: 0em; } If I move the gradient ...

I have an external Javascript page located under ../Scripts/CBox/ folder from parent. There is an image located in the same folder. I want to set background-image for a control using Jquery from ...

Can't figure out why this thing happens. var thumb_width = 240; var thumb_height = 180; $('.video-thumbnail').on({ 'mouseenter': function(){ var i = 0; var j = 0; $(...

I have a code working perfectly on a desktop device: HTML: <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" /> </script><script type="text/javascript"...

I have the following piece of less: @image-ui-wave-width: 28px; [...] .wave { &.saw { background-position: -@image-ui-tab-height * 2 -@image-ui-tab-height; } &.triangle { ...

I have strange behaviour with firefox (other browser works good). I have rule: .feed.input.community .buttons .url { background-position-x: 9px; } After I call: $('.input.feed').addClass("...

I am building this sprite map, positioning with CSS. I've built the prototype in IE and the box positioning is way off in FF. As you can see, in IE 9 the background position is lined up correctly, ...

I am trying to stack background images using only one div container and making sure their position is related to the screen height. The issue is I can't seem to alter comma separated CSS values. ...

I've made a simple menu, every item is 300x100 pixels. There's an image in background positioned -150 pixels, when you mouseover an item it changes to 0 (so entire item has background). It works fine ...