Home
Register
Log inCIRCULAR IMAGES WITH CSS CODE
Page 1 of 1
CIRCULAR IMAGES WITH CSS CODE
by jamied_uk 10th May 2016, 18:47
bavotasan.com/2011/circular-images-with-css3
Online Box Update Link
https://app.box.com/s/vlghxgoa764i187ghp3od37keed6khax
http://bavotasan.com/2011/circular-images-with-css3/
Online Box Update Link
https://app.box.com/s/vlghxgoa764i187ghp3od37keed6khax
http://bavotasan.com/2011/circular-images-with-css3/
- Code:
<p><br>
<?php
$war1='images/img.jpg';
?>
<div class="circular"><img src="<?php echo $war1;?>" alt="" /></div>
<style>
.circular {
width: 300px;
height: 300px;
border-radius: 150px;
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
background: url(<?php echo $war1;?>) no-repeat;
box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .8);
}
.circular img {
opacity: 0;
filter: alpha(opacity=1);
}
</style>
<style>
.img-circle {
border-radius: 50%;
}
</style>
<img class="img-circle" src="images/img.jpg">
jamied_uk- Admin
- Posts : 3053
Join date : 2010-05-09
Age : 41
Location : UK -
Re: CIRCULAR IMAGES WITH CSS CODE
by jamied_uk 10th May 2016, 19:22
jamied_uk- Admin
- Posts : 3053
Join date : 2010-05-09
Age : 41
Location : UK -
Re: CIRCULAR IMAGES WITH CSS CODE
by jamied_uk 10th May 2016, 19:32
jamied_uk- Admin
- Posts : 3053
Join date : 2010-05-09
Age : 41
Location : UK -
jamied_uk- Admin
- Posts : 3053
Join date : 2010-05-09
Age : 41
Location : UK -
Similar topics» how to declare img root in php for css files to find images
» CSS class example for images
» do anything with images and linux web server
» Using PHP to auto refresh images
» Protect Images From Theft Attempts
» CSS class example for images
» do anything with images and linux web server
» Using PHP to auto refresh images
» Protect Images From Theft Attempts
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum