html - CSS transition out causing errors -


i have various transition effects on mouseover, such changing image opacity. want smooth transition when mouse moved off item, , added transition code normal #div ##div:hover, causing "transition" in on page load in rather unsightly manner (doesn't work when refreshed, on first instance of page load) , wondering whether there's equivalent javascript's mouseout function transition not occur on page load.

here example of of css:

#main_categories_item_image img {     width: 64px;     height: 64px;     -webkit-transition: .5s;     -moz-transition: .5s;     transition: .5s;         box-shadow: #000 0em 0em 0em; } #main_categories_item:hover  #main_categories_item_image img {     opacity: 0.7;     -webkit-transition: .5s;     -moz-transition: .5s;     transition: .5s; } 

and i'm working on website www.ultimate-punch.com

many thanks


Comments

Popular posts from this blog

c++ - Function signature as a function template parameter -

algorithm - What are some ways to combine a number of (potentially incompatible) sorted sub-sets of a total set into a (partial) ordering of the total set? -

How to call a javascript function after the page loads with a chrome extension? -