Skip to content

Instantly share code, notes, and snippets.

@renatogalvones

renatogalvones/exemplo-css-na-propriedade.html

Created March 25, 2022 15:38
Show Gist options
  • Save renatogalvones/9a56f249282f395238556273dad83dda to your computer and use it in GitHub Desktop.
Save renatogalvones/9a56f249282f395238556273dad83dda to your computer and use it in GitHub Desktop.
Download ZIP
Raw
exemplo-css-na-propriedade.html
<html>
<head>
<title>Olha que recuros maneiro</title>
<style>
img {
width: 200px;
}
img[alt="Renato"] {
filter: grayscale(1);
}
img[alt="Fernando"] {
filter: invert(1);
}
img[alt="Jadson"] {
filter: sepia(1);
}
</style>
</head>
<body>
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Renato" />
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Marcel" />
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Fernando" />
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Edson" />
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Jadson" />
<img src="https://a.espncdn.com/combiner/i?img=/i/teamlogos/nfl/500/car.png" alt="Lucas" />
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment