Skip to main content
se añadieron 116 caracteres en el cuerpo
Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

Usando jquery:

$("#newimg").css({
 WebkitFilter: 'grayscale(100%) brightness(0%)'
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg" height="150px" width="auto" />
<br>
<img src="https://i.sstatic.net/JJ6Vs.png" id="newimg" height="150px" width="auto" />

Usando css:

#newimg {
    -webkit-filter: grayscale(100%) brightness(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(0);
}
    <img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg" height="150px" width="auto" />
    <br>
    <img src="https://i.sstatic.net/JJ6Vs.png" id="newimg" height="150px" width="auto" />

Usando jquery:

$("#newimg").css({
 WebkitFilter: 'grayscale(100%) brightness(0%)'
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg"/>
<br>
<img src="https://i.sstatic.net/JJ6Vs.png" id="newimg"/>

Usando css:

#newimg {
    -webkit-filter: grayscale(100%) brightness(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(0);
}
    <img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg"/>
    <br>
    <img src="https://i.sstatic.net/JJ6Vs.png" id="newimg"/>

Usando jquery:

$("#newimg").css({
 WebkitFilter: 'grayscale(100%) brightness(0%)'
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg" height="150px" width="auto" />
<br>
<img src="https://i.sstatic.net/JJ6Vs.png" id="newimg" height="150px" width="auto" />

Usando css:

#newimg {
    -webkit-filter: grayscale(100%) brightness(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(0);
}
    <img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg" height="150px" width="auto" />
    <br>
    <img src="https://i.sstatic.net/JJ6Vs.png" id="newimg" height="150px" width="auto" />

Origen Enlace
Rene Limon
  • 4.6k
  • 2
  • 22
  • 34

Usando jquery:

$("#newimg").css({
 WebkitFilter: 'grayscale(100%) brightness(0%)'
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg"/>
<br>
<img src="https://i.sstatic.net/JJ6Vs.png" id="newimg"/>

Usando css:

#newimg {
    -webkit-filter: grayscale(100%) brightness(0); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%) brightness(0);
}
    <img src="https://i.sstatic.net/JJ6Vs.png" id="originalimg"/>
    <br>
    <img src="https://i.sstatic.net/JJ6Vs.png" id="newimg"/>