awesome CSS image styles for blogger websites

Hello friends! in this post i’m sharing 3 CSS image styles for your blog / website.
DEMO
CSS Facebook Style

div.facebook img
{
border: 1px solid #CCC;
padding: 4px;
}
div.facebook a:hover img {border: 1px solid navy;}

div.facebook a:hover img {color: red; /* irrelevant definition to overcome IE bug */}

<div class=”facebook”>
<a href=”#”><img src=”images/your_image” /></a>
</div>

CSS Border Style

div.border img
{
border: 2px solid #999;
padding: 4px;
}
div.border img {padding: 4px;}
div.border a:hover img {border: 2px solid #333;}

div.border a:hover img {color: red; /* irrelevant definition to overcome IE bug */}

<div class=’border’>
    <a href=’#’><img src=’images/your_image’/></a>
    </div>

CSS Opacity Style

.opacity img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.opacity img:hover
{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}

<div class=’opacity’>
    <a href=’#’><img src=’images/your_image’/></a>
    </div>

CSS, Websites

  

Önceki

The easiest way how to add facebook connect comment box in your website page

Sonraki

Facebook New Feature for Pages

  • Email aboneliği

    Esakademi.com'dan iyi ve güzel haberler almak için listeye mailinizi ekleyin