| | |
| | | left: 0; |
| | | } |
| | | } |
| | | @keyframes upDown { |
| | | 50% { |
| | | -webkit-transform: translateY(-8px); |
| | | -ms-transform: translateY(-8px); |
| | | -o-transform: translateY(-8px); |
| | | transform: translateY(-8px); |
| | | } |
| | | 100% { |
| | | -webkit-transform: translateY(0); |
| | | -ms-transform: translateY(0); |
| | | -o-transform: translateY(0); |
| | | transform: translateY(0); |
| | | } |
| | | } |
| | | @media screen and (min-width: 1400px) { |
| | | .gridCont { |
| | | width: 100%; |
| | |
| | | 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); |
| | | |
| | | .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); |
| | | } |
| | | } |
| | | } |
| | | .cont-bg-1 { |