CSS Circle без использования backgound

-5

Так что я пытаюсь создать круг, используя только css. Я сделал это с помощью ниже:CSS Circle без использования backgound

border-radius: 50%; 
    background: #f5f5f5; 
    transition: all 0s ease-in-out; 
    box-shadow: 0 0 3px gray;

Я создал скрипку: https://jsfiddle.net/rg991koa/11/

Я в основном пытаюсь onClick добавить изображение, но мой background-image не отображается внутри круга и I думаю, это из-за меня, используя background цвет на моем элементе.

Спасибо!

источник

2016-01-06 PourMeSomeCode

* "изображения меняется от белого до черного." * Где изображение? – ketan

Если это происходит только от черного до белого, почему бы не использовать цвет фона? – Aaron

Это просто значки. У меня есть белый значок и черный значок, 'onClick' Я переключаю класс, который добавляет черный или белый значок. Но кружок CSS выше, имеющий фон на нем, не позволяет мне добавить изображение – PourMeSomeCode

Изменение background-image в background

.myNewClass { 
    background: url(http://static4.wikia.nocookie.net/__cb20131121214007/destinypedia/images/7/71/Information_Icon.svg) no-repeat; 
    background-size:100%; 
}

https://jsfiddle.net/rg991koa/21/

источник

2016-01-06 11:07:27

CSS Circle без использования backgound

ответ

Смежные вопросы