CIRCULAR IMAGES WITH CSS CODE

View previous topic View next topic Go down

CIRCULAR IMAGES WITH CSS CODE

Post by jamied_uk on Wed 11 May 2016 - 4: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/

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">


avatar
jamied_uk
Admin

Posts : 2022
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

Re: CIRCULAR IMAGES WITH CSS CODE

Post by jamied_uk on Wed 11 May 2016 - 5:22

https://encrypted.google.com/search?q=css+for+round+picture
avatar
jamied_uk
Admin

Posts : 2022
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

Re: CIRCULAR IMAGES WITH CSS CODE

Post by jamied_uk on Wed 11 May 2016 - 5:32

https://encrypted.google.com/search?q=css+for+round+picture



Online Box Update Link
https://app.box.com/s/vlghxgoa764i187ghp3od37keed6khax


http://bavotasan.com/2011/circular-images-with-css3/
avatar
jamied_uk
Admin

Posts : 2022
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

Re: CIRCULAR IMAGES WITH CSS CODE

Post by jamied_uk on Wed 11 May 2016 - 6:38

avatar
jamied_uk
Admin

Posts : 2022
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

Re: CIRCULAR IMAGES WITH CSS CODE

Post by Sponsored content


Sponsored content


Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum