social media icon bar html
/* Style all font awesome icons */
.fa {
padding: 20px;
font-size: 30px;
width: 50px;
text-align: center;
text-decoration: none;
}
/* Add a hover effect if you want */
.fa:hover {
opacity: 0.7;
}
/* Set a specific color for each brand *//* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}
/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
} <!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook"></a><a href="#" class="fa fa-twitter"></a>
...
Also in CSS:
- how to stick a text to a div in css
- ngclass multiple conditions
- font. to be thinner css
- forcing website to show in landscape mode only
- border shadow css
- How do you change the font colour in CSS?
- card syntax html
- repeat autofill css grid minmax
- Can you change the color of a placeholder
- how do I add a vertical margin in css
- pestañas dentro de una pagina web php
- wordpress css admin not loading
- css focus change color
- responsive images css
- css custom bullet list
- how to add css to html
- how to write css in html
- css animation linear
- centering horizontally
- remove style from link
- how to get element details using cssselector using beautifulsoup
- flexbox grid
- set background image full screen css
- what is scss