Изменить цвет изображения с помощью css?

Question

Можно ли изменить цвет изображения, используя только CSS?

(я использую прозрачные glyphicons фоновых, и мне нужен другой символ [не] фона цвета для моей темы)

Answer 1

No. Поскольку эти значки изображения вы не можете изменить их цвета. Вы можете попробовать использовать эти http://www.entypo.com/. Поскольку это шрифты, они могут легко менять цвета.

Answer 2

Вы можете использовать оттенки изображения, но я не знаю, если он собирается дать вам эффект вы ожидаете:

В основном вы обернуть <figure> элемент вокруг <img/> и применить стили к нему:

/*HTML*/ 
<figure class="tint"> 
    <img src="icon.png" width="400" height="260"> 
</figure> 

/*CSS*/ 
.tint { 
    position: relative; 
    float: left; 
    cursor: pointer; 
} 

.tint:before { 
    content: ""; 
    display: block; 
    position: absolute; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    background: rgba(0,255,255, 0.5); 
    -moz-transition: background .3s linear; 
    -webkit-transition: background .3s linear; 
    -ms-transition: background .3s linear; 
    -o-transition: background .3s linear; 
    transition: background .3s linear; 
} 

.tint:hover:before { 
    background: none; 
} 

Проверьте образцы link на демонстрационный и полный код.

На этом website вы также можете проверить различные методы.