Jump to content

Search the Community

Showing results for tags 'css3'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Found 1 result

  1. boxes + responsive css

    Hi, i have an issue with the box section. I have a css3 fade animation as hover effect and both images (top+bottom) are positioned in the box content area. The browser compatibility is ok in firefox, google chrome, safari, but the responsive layout doesn't work on the mobile devices.... how can i resolve this? thx for your response. Site: http://wp.tanzprojekte.ch/wordpress/kursangebot/ Code Html: <div class="hover_kurse"><a href="#"> <img class="bottom" alt="afro fit link" src="http://wp.tanzprojekte.ch/wordpress/wp-content/uploads/2013/04/at_discover_02_hover.jpg" /> <img class="top" alt="afro discover link" src="http://wp.tanzprojekte.ch/wordpress/wp-content/uploads/2013/04/at_discover_02.jpg" /> </a></div> Code Css: .hover_kurse{ position:relative;width: 250px; height: 250px;} .hover_kurse img{ position:absolute; left:0; top:0px; display:block; opacity:1; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;} .hover_kurse img:hover {opacity:0;}