How to show bg color in fadeIn effect and remove style properties using jQuery -
I want to change background color on hover function but I want to show in slow motion. Apart from this I am adding some CSS properties and adding them to delete and delete them. But my function does not work as per my request.
$ (function () {$ ('. Box'). Hover (function () {$ ('body'). Css (('background-color': 'black'} $ (This) .css ('-motion-transition', 'opacity .3s') $ (this) .css ('- webkit-infection', 'opacity .3 s $ (this) .css (' ('- OS'), function () {$ ('body'). CSS ({' Background-color ':' black '}) $ (this) .remove (' - moz-transition ',' none ')})})
I'm not even about the function yet I know, but get rid of some errors in your hover function:
$ (this) .css ('- moz-transition', 'opacity .3s') $ (this) .css ('- webkit-transition', '$ (this) .css (' - ms-transit ',' opacity .3s ') $ (this). Css (' -o-infection ',' opacity3. S ') $ (this).
They should not be assigned in such a way that instead of .box
. Assign attributes.
When you add transit features, Get rid of the integrity and finally add the -duration
transition
so that the last additional will appear something like this: -Moz-transition period: 3s
Do you want to change the document body
background-color
property, or .box background-color
on hover Property? I am a little confused
If the change is on the background of the body then this is a
Comments
Post a Comment