انجمن کدستانMoisrex

<style>

.patughsara img {

border: solid 1px #444444;

border-radius: 7px 7px 7px 7px;

box-shadow: 0 0 6px #000000;

}

.patughsara img:hover {

border: solid 5px #0078ff;

border-radius: 80px 7px 80px 7px;

box-shadow: 0 0 4px #FFFFFF;

-webkit-transition: all 1s ease-in;

-moz-transition: all 1s ease-in;

-o-transition: all 1s ease-in;

transition: all 1s ease-in;

-webkit-transform: rotate(1deg);

-moz-transform: rotate(1deg);

-o-transform: rotate(1deg);

}

</style>

img {

margin-top:10px;

margin-left:10px;

transition: width 1s , height 1s ;

-moz-transition: width 1s, height 1s;

-webkit-transition: width 1s, height 1s;

-o-transition: width 1s, height 1s;

width: 140px;

height: 90px;

box-shadow: 0px 0px 10px black;

border-radius: 5px;

animation:myfirst 0.5s infinite;

-moz-animation:myfirst 0.5s infinite;

-webkit-animation:myfirst 0.5s infinite;

}

img:hover {

box-shadow: 0px 0px 10px black;

width: 400px ;

height: 240px ;

box-shadow: 0px 0px 10px black;

border-radius: 5px;

}