[{"id":221,"created_at":"2024-04-23T20:58:42.981397+00:00","html":"

\r\n

\r\n S\r\n U\r\n P\r\n E\r\n R\r\n \r\n N\r\n I\r\n C\r\n E\r\n 🙃\r\n

\r\n

","css":"body {\r\n margin: 0;\r\n padding: 0;\r\n background-color: #000;\r\n color: #fff;\r\n font-family: Arial, sans-serif;\r\n overflow-x: hidden;\r\n}\r\n\r\n.container {\r\n height: 90%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n perspective: 1000px;\r\n}\r\n\r\n.text-container {\r\n font-size: 6vw;\r\n font-weight: bold;\r\n text-transform: uppercase;\r\n transform-style: preserve-3d;\r\n}\r\n\r\n.text-container span {\r\n position: relative;\r\n display: inline-block;\r\n text-shadow: 0 0 10px rgba(255, 255, 255, 0.5);\r\n transform: translateY(150%) rotateX(-90deg);\r\n transform-origin: 50% 50% 0;\r\n opacity: 0;\r\n animation: revealText 1s forwards;\r\n animation-delay: calc(var(--char-index) * 0.1s);\r\n}\r\n\r\n@keyframes revealText {\r\n 0% {\r\n transform: translateY(150%) rotateX(-90deg);\r\n opacity: 0;\r\n }\r\n\r\n 100% {\r\n transform: translateY(0) rotateX(0);\r\n opacity: 1;\r\n }\r\n}","js":"// ","user_id":"4529d7ae-0865-47e6-850e-f9cbf1ed7d3c","project_key":"NwjI9d","description":"S U P E R N I C E 🙃","plugins":[{"css":{"tailwind":false,"bootstrap":false,"fontawesome":false,"materialicons":false,"googlefonts":false,"bulma":false},"js":{"animejs":false,"gsap":false,"motionone":false,"threejs":false,"velocity":false,"popmotion":false,"scrollreveal":false}}],"public":true,"config":{"tags": [], "babelActive": false, "cssProcessor": false, "userImportedJS": ["https://unpkg.com/vue@3/dist/vue.global.js"], "typescriptActive": false},"tags":["Text Animation","Text","Entry animation"],"hide_js":false,"hide_css":false,"messages":[],"view":[{"views":651}],"profiles":{"username":"abdulmumin"}}]