| | |
|---|
| | | border: 2px solid rgba(255,255,255,0); |
|---|
| | | |
|---|
| | | &:hover { |
|---|
| | | border-radius: 16px; |
|---|
| | | background-image: radial-gradient(ellipse farthest-side at 50% 100%, #48a3ff 0%, #fff 120%); |
|---|
| | | box-shadow: -8px -8px 24px rgba(20, 97, 234, 0.2), 8px 8px 24px rgba(20, 97, 234, 0.2); |
|---|
| | | border: 2px solid rgba(255,255,255,0.8); |
|---|
| | | border: 2px solid #fff; |
|---|
| | | |
|---|
| | | .iconImg{ |
|---|
| | | animation: upDown 0.3s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards; |
|---|
| | | filter: drop-shadow(0 3px 6px rgba(20, 97, 234, 0.3)); |
|---|
| | | } |
|---|
| | | .itemTit1{ |
|---|
| | | text-shadow: 0 3px 8px rgba(20, 97, 234, .1); |
|---|
| | | } |
|---|
| | | .itemTit{ |
|---|
| | | text-shadow: 0 3px 8px rgba(20, 97, 234, .1); |
|---|
| | | animation: upDown 0.3s 1 ease-in-out forwards; |
|---|
| | | filter: drop-shadow(0 0 12px rgba(20, 97, 234, 0.4)); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | } |
|---|
