/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

0 vote360 views1 answer
Width cross browser
CSS
0 vote196 views1 answer
ERROR in multi ./node_modules/ngx-toastr/toastr.css ./src/styles.scss
CSS
68 votes237 views6 answers
Center position absolute
CSS
0 vote214 views1 answer
Repeating-conic-gradient css
CSS
1 vote212 views1 answer
Css show newlines
CSS
0 vote317 views1 answer
Template html css bootstrap cdn
CSS Bootstrap
0 vote245 views1 answer
Rotate keyfreame animation
CSS
0 vote277 views2 answers
Hoq to give paragraph color css
CSS
17 votes311 views2 answers
Place item center in css using grid
CSS
45 votes242 views6 answers
Css text align center
CSS