Based on CSS3, move the mouse over and zoom in to highlight the effect, and css3 mouse over and zoom in

Based on CSS3, move the mouse over and zoom in to highlight the effect, and css3 mouse over and zoom in

I still remember sharing a CSS 3 image hover and zoom-in effect. Today, we will share a similar CSS move-over and zoom-out effect, but the previous one was an image. This time it was a color block. In fact, we have mastered its CSS principle, any web page element can implement this highlighted CSS 3 animation effect. As follows:

Download Online Preview source code

Implementation code.

Html code:

 <div class="container">        <ul class="evenflow sample_1">            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>            <li class="evenflow_scale">                <a href="#" target="_blank">                                    </a>            </li>        </ul>    </div>

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