-:إختر موقع الرفع المفضل لديك

blogger news free blogger template

Features: 

1. An innovative way to display
2. responsive
3. easy to brows 
4. free 
5. professional template
6. slide show  

Download

click to begin

1.2MB .zip

2 easy css image effect

hi! welcome to my blog in this post i'm going to give you 2 css effect that you can use them in your   

blogger template - WordPress - html page

so 1st effect :  blur

 HTML

1 2 3

<div class="blur pic">   <img src="http://lorempixel.com/300/300/transport/2" alt="plane"> </div>

CSS

01 02 03 04 05 06 07 08 09 10 11 12

/*BLUR*/ .blur img {   -webkit-transition: all 1s ease;      -moz-transition: all 1s ease;        -o-transition: all 1s ease;       -ms-transition: all 1s ease;           transition: all 1s ease; }   .blur img:hover {   -webkit-filter: blur(5px); } 2nd effect : black & white HTML 1 2 3 <div class="bw pic">   <img src="http://lorempixel.com/300/300/nature/2" alt="sea"> </div> CSS 01 02 03 04 05 06 07 08 09 10 11 12 /*B&W*/ .bw {   -webkit-transition: all 1s ease;      -moz-transition: all 1s ease;        -o-transition: all 1s ease;       -ms-transition: all 1s ease;           transition: all 1s ease; }   .bw:hover {   -webkit-filter: grayscale(100%); }