Created
April 29, 2016 18:05
-
-
Save kdarty/76558b3f1329dc5f7ee58c5bd6f2b78b to your computer and use it in GitHub Desktop.
Make an Image Round with a Border and Shadow.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Source: http://stackoverflow.com/questions/16310985/add-border-to-circle-image */ | |
| img.circle-border { | |
| width: 126px; | |
| height: 126px; | |
| border: 5px solid #fff; | |
| border-radius: 150px; | |
| -webkit-border-radius: 150px; | |
| -moz-border-radius: 150px; | |
| 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); | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment