|
|
Line 837: |
Line 837: |
| } | | } |
| | | |
− | .title__line:before { | + | |
− | background: -webkit-gradient(linear, left top, right top, from(#7b29ff), to(#304ffe));
| + | |
− | background: linear-gradient(90deg, #7b29ff, #304ffe);
| + | |
− | -webkit-transform-origin: 100% 50%;
| + | |
− | transform-origin: 100% 50%;
| + | |
− | -webkit-transition: -webkit-transform 500ms ease-out;
| + | |
− | transition: -webkit-transform 500ms ease-out;
| + | |
− | transition: transform 500ms ease-out;
| + | |
− | transition: transform 500ms ease-out, -webkit-transform 500ms ease-out;
| + | |
− | -webkit-transform: scaleX(0);
| + | |
− | transform: scaleX(0);
| + | |
− | content: '';
| + | |
− | display: block;
| + | |
− | position: absolute;
| + | |
− | width: calc(100% + 6rem);
| + | |
− | top: 2rem;
| + | |
− | left: -2rem;
| + | |
− | height: 2rem;
| + | |
− | z-index: -1;
| + | |
− | }
| + | |
− | | + | |
| .title__line:nth-child(2):before { | | .title__line:nth-child(2):before { |
| -webkit-transition-delay: 200ms; | | -webkit-transition-delay: 200ms; |