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
Post a Comment