CSS Images Effects Tutorial | Coding Tag
×

CSS Images

3210

CSS Images - CSS can be used to style images inside HTML pages. CSS Stands for Cascading Style Sheet.

<!DOCTYPE html>
<html lang="en">
<head>
<title> CSS Images </title>
<style type="text/css">
.img-radius{
border-radius:100px;
border:1px solid #ddd;
width:100px;
height:100px;
}
.img-radius:hover{
opacity:0.5;
}
.img-circle{
border-radius:16px;
border-color:#006600;
width:100px;
height:100px;
}
.img-circle:hover{

opacity:0.5;

}
</style>
</head>

<body>
<img src="IMAGE PATH" class="img-radius">
<img src="IMAGE PATH" class="img-circle">
</body>
</html>

Result:




Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments