what can we do to you

body { background: rgba(25, 10, 15, 1); height: 100vh; overflow: hidden; display: flex; justify-content: center; align-items: center; color: #fff; } #ui { transform: rotateZ(-4deg); .text { position: absolute; font-size: $fontSize; color: #fff; line-height: $fontSize; font-family: 'Anton', sans-serif; transform: translate(-50%, -50%); mix-blend-mode: screen; letter-spacing: 1rem; overflow: hidden; @for $i from 0 through 40 { $key: $i + 1; &:nth-child(#{$key}) { $row: floor($i / 20); color: rgba(random(200) + 55, 40, random(200) + 55, 1); clip-path: polygon( $i * 5% - $row * 100% - random(2) $row * 50% - random(5), $key * 5% - $row * 100% + random(5) $row * 50% - random(30), $key * 5% - $row * 100% + random(5) $row * 50% + 50% + random(5), $i * 5% - $row * 100% - random(2) $row * 50% + 50% + random(30) ); filter: blur(#{random(20) - 10}px); .text_inner1 { animation: vertical random(1000) + 700ms random(100) + 0ms ease-in-out infinite alternate; } .text_inner2 { animation: horizontal random(1000) + 700ms random(100) + 0ms ease-in-out infinite alternate; } } } } } @keyframes horizontal { 0% { transform: translateX(6px); } 100% { transform: translateX(-6px); } } @keyframes vertical { 0% { transform: translateY(3px); } 100% { transform: translateY(-3px); } }

 Amazing prince of the ideas

Client:
Client name

Problem::

— Hey there, this is the default text for a new paragraph. Feel free to edit this paragraph by clicking on the yellow edit icon. After you are done just click on the yellow checkmark button on the top right. Have Fun!


Deliverables :

Brand
Presentation 
Web

©Tariqdesign 2020

If you have a scheduling inquiry for my creative
services please contact me at

info@tariqdesign.com