Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .text-line {
- stroke-dasharray: 1200;
- stroke-dashoffset: 1200;
- animation: dash 3.5s linear forwards, filling 3.5s ease-in forwards;
- font-size: 12rem;
- }
- .text-line text {
- font-family: Teko, Helvetica, Arial, sans-serif;
- font-weight: 600;
- }
- .solid {
- font-family: Teko, Helvetica, Arial, sans-serif;
- font-weight: 600;
- color: #fff;
- font-size: 14rem;
- text-align: middle;
- }
- @keyframes dash {
- to {
- stroke-dashoffset: 0;
- }
- }
- @keyframes filling {
- 0%, 90% { fill: #ffffff; fill-opacity: 0; }
- 100% { fill: #ffffff; fill-opacity: 0; }
- }
- @keyframes filling white-fill {
- 0%, 90% { fill: #ffffff; fill-opacity: 0; }
- 100% { fill: #ffffff; fill-opacity: 1; }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement