Commit b08bd78fcc1945551d11dcd89edcd244fc86a2f2
1 parent
1b8dee5957
Exists in
develop
Add
clase css de transicion
Showing
1 changed file
with
7 additions
and
0 deletions
Show diff stats
src/sass/_animations.scss
| 1 | .modal-content, | 1 | .modal-content, |
| 2 | .focus-in { | 2 | .focus-in { |
| 3 | animation: focus-in 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; | 3 | animation: focus-in 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; |
| 4 | } | 4 | } |
| 5 | @keyframes focus-in { | 5 | @keyframes focus-in { |
| 6 | 0% { | 6 | 0% { |
| 7 | filter: blur(12px); | 7 | filter: blur(12px); |
| 8 | opacity: 0; | 8 | opacity: 0; |
| 9 | } | 9 | } |
| 10 | 100% { | 10 | 100% { |
| 11 | filter: blur(0px); | 11 | filter: blur(0px); |
| 12 | opacity: 1; | 12 | opacity: 1; |
| 13 | } | 13 | } |
| 14 | } | 14 | } |
| 15 | |||
| 16 | .simple-hover { | ||
| 17 | transition: all 0.5s; | ||
| 18 | &:hover { | ||
| 19 | transform: scale(1.1); | ||
| 20 | } | ||
| 21 | } | ||
| 15 | 22 |