html - Icons not visible till you interact with the page (mouseover) -
i have following problem have social icons on webpage. first time load page icons aren't visible.
when go on icon becomes visible , stays visible.
.social-icons-float .social-icon { display: block; padding-bottom: 5px; font-size: 13px; } .social-icons-float .social-icon .social-count { display: block; border: 1px solid #e3e3e3; text-align: center; padding: 12px 0px; font-size: 24px; font-family: 'titillium web', sans-serif; font-weight: bold; color: #a0a0a0; position: relative; margin-bottom: 8px; } .social-icons-float .social-icon .social-count .social-arrow { display: block; overflow: hidden; height: 10px; position: absolute; bottom: -10px; width: 100%; }
could 1 please me
that happens , more seen in google chrome. of images on sites blocks of border 1px. once mouseover them visible.
i know that, bug nothing code here! :-)
Comments
Post a Comment