Based on CSS3 mouse slide over to enlarge and highlight effect_html/css_WEB-ITnose

I still remember that I shared a CSS3 image hover zoom effect before, and the effect is very good. Today we are going to share a similar CSS mouse-over magnification and highlight effect, except that the previous one was a picture, and this time it is a color block. In fact, after mastering its CSS principles, any web element can achieve this kind of highlight and magnify CSS3 animation. special effects. The renderings are as follows:

Online preview Source code download

Implemented code.

html code:

 <div class="container">        <ul class="evenflow sample_1">            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/1.png">                </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/2.png">                </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/3.png">                </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/4.png">                </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/5.png">                </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                    <img src="img/6.png">                </a>            </li>        </ul>    </div>

via: http://www.w2bc.com/article/49705