You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.4 KiB
69 lines
1.4 KiB
.style3 {
|
|
position: relative;
|
|
font-size: 22px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
color: #333;
|
|
text-decoration: none;
|
|
.fa {
|
|
width: 50px;
|
|
height: 50px;
|
|
display: flex;
|
|
border-radius: 50%;
|
|
line-height: calc(40px - 8px);
|
|
font-size: 16px;
|
|
background-color: #333;
|
|
color: #ffffff;
|
|
transition: 0.5s;
|
|
}
|
|
&:hover {
|
|
transform: translateY(-5px);
|
|
box-shadow: 0 15px 15px rgba(0, 0, 0, 0.2);
|
|
}
|
|
&:hover span {
|
|
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.fa-facebook:hover,
|
|
.fa-facebook:hover span {
|
|
background-color: #3b5999;
|
|
color: #ffffff;
|
|
}
|
|
.fa-twitter:hover,
|
|
.fa-twitter:hover span {
|
|
background-color: #46c1f6;
|
|
color: #ffffff;
|
|
}
|
|
.fa-pinterest:hover,
|
|
.fa-pinterest:hover span {
|
|
background-color: #dd4b39;
|
|
color: #ffffff;
|
|
}
|
|
.fa-reddit:hover,
|
|
.fa-reddit:hover span {
|
|
background-color: #dd4b39;
|
|
color: #ffffff;
|
|
}
|
|
.fa-envelope:hover,
|
|
.fa-envelope:hover span {
|
|
background-color: #35979c;
|
|
color: #ffffff;
|
|
}
|
|
.fa-linkedin:hover,
|
|
.fa-linkedin:hover span {
|
|
background-color: #007bb6;
|
|
color: #ffffff;
|
|
}
|
|
.fa-hacker-news:hover,
|
|
.fa-hacker-news:hover span {
|
|
background-color: #e4405f;
|
|
color: #ffffff;
|
|
}
|
|
.fa-whatsapp:hover,
|
|
.fa-whatsapp:hover span {
|
|
background-color: #28a745;
|
|
color: #ffffff;
|
|
}
|
|
}
|
|
|