html - How can I show icon with transparent background and white border? -


i have psd has icon img1

but tried here enter image description here

here css

.box_bg_org i{     background-color: #e98b39;     /*background: transparent;*/     font-size: 30px;     color: #fff;     padding: 30px; } .box_bg_org i.fa-phone{ color: transparent; -moz-text-shadow: 2px 2px 0px #fff;   text-shadow: 2px 2px 0px #fff; } 

please me

first make sure have transparent background image. next save image "png" file extension , can on photoshop going file menu , selct "save as" options , make sure select png file extension while saving.

the rest easy have include png image in our html , change container div background using css.

good luck.


Comments

Popular posts from this blog

facebook - android ACTION_SEND to share with specific application only -

python - Creating a new virtualenv gives a permissions error -

javascript - cocos2d-js draw circle not instantly -