css - Responsive images using img vs background -


i've been working on adding animated hover effect , have worked out solution using img , background image can viewed here. background image better read using img better screen readers , search engines per article.

the issue i'm having when testing responsiveness img solution looks warped when compressed col-xs-6 while background solution doesn't. img css using:

.hovereffect img {   width: 150%;   height: 100%; } 

now i've tried using height:auto pic doesn't fill full height, want do. there anyway maintain img proportions when scales down?


Comments

Popular posts from this blog

Failed to execute goal org.apache.maven.plugins:maven-surefire-plugin:2.12:test (default-test) on project.Error occurred in starting fork -

windows - Debug iNetMgr.exe unhandle exception System.Management.Automation.CmdletInvocationException -

configurationsection - activeMq-5.13.3 setup configurations for wildfly 10.0.0 -