CSS Images

CSS Images – CSS can be used to style images inside HTML pages

<!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="http://codingtag.com/wp-content/uploads/2016/07/onTime-Infotech-FB.jpg" class=“img-radius”>
<img src="http://codingtag.com/wp-content/uploads/2016/07/onTime-Infotech-FB.jpg" class=“img-circle”>
</body>
</html>

RESULT:
CSS-GALLERY




Leave a Reply

avatar
  Subscribe  
Notify of