andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add button animation snippets

Browse Source
This commit is contained in:
Chalarangelo
2021-05-24 15:28:52 +03:00
parent 407ad20434
commit 98d7922675
4 changed files with 113 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
snippets/button-border-animation.md
View File

@ -14,7 +14,7 @@ Creates a border animation on hover.
```css
.animated-border-button {
background-color: #141414;
background-color: #263059;
border: none;
color: #ffffff;
outline: none;
@ -33,13 +33,13 @@ Creates a border animation on hover.
}
.animated-border-button:before {
border-top: 2px solid #141414;
border-top: 2px solid #263059;
right: 0;
top: -4px;
}
.animated-border-button:after {
border-bottom: 2px solid #141414;
border-bottom: 2px solid #263059;
bottom: -4px;
left: 0;
}