/CSS/Css how to place an icon on a photo

Css how to place an icon on a photo

.container { position: relative; }
.container img { display: block; }
.container .fa-download { position: absolute; bottom:0; left:0; }

Source: stackoverflow.com

Css how to place an icon on a photo

<link href="https://use.fontawesome.com/releases/v5.7.1/css/all.css" rel="stylesheet"/>

<div class="container">
   <img src="https://placekitten.com/300/300">
   <a href="dog.png" download="new-filename"><i class="fas fa-download"></i></a>
</div>

Source: stackoverflow.com

Similar codes

38 votes291 views3 answers
Media breakpoints
CSS
17 votes259 views4 answers
Get featured image post wordpress by post id
CSS
238 votes357 views5 answers
Include bootstrap
CSS Bootstrap
0 vote255 views1 answer
How to remove text highlight on double click
CSS
0 vote264 views1 answer
How to display a header in the center of the column in css
CSS
3 votes273 views2 answers
Move css background image
CSS
0 vote251 views1 answer
Tipografias family style para css y html
CSS
0 vote268 views1 answer
Change last character color css
CSS
8 votes257 views1 answer
Center in the middle of the screen html css
CSS
47 votes274 views6 answers
Css blur
CSS