Hovers, Transitions, Shadows

This commit is contained in:
David E. Perez Negron R. 2024-03-27 08:59:04 -06:00
parent 8aaf8dccc7
commit 0fd6021c5d
1 changed files with 25 additions and 0 deletions

View File

@ -8,6 +8,15 @@
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
margin-right: 8px; margin-right: 8px;
transition: opacity 0.15s;
}
.subscribe-button:hover {
opacity: 0.8;
}
.subscribe-button:active {
opacity: 0.5;
} }
.join-button { .join-button {
@ -20,6 +29,17 @@
width: 62px; width: 62px;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
transition: background-color 0.15s,
color 0.15s;
}
.join-button:hover {
background-color: rgb(41, 118, 211);
color: rgb(255, 255, 255);
}
.join-button:active {
opacity: 0.7;
} }
.tweet-button { .tweet-button {
@ -33,6 +53,11 @@
font-size: 15px; font-size: 15px;
cursor: pointer; cursor: pointer;
margin-left: 8px; margin-left: 8px;
transition: box-shadow 0.15s;
}
.tweet-button:hover {
box-shadow: 5px 5px 10px rgba(0,0,0,.15);
} }
</style> </style>