{"id":433,"date":"2026-08-11T06:34:19","date_gmt":"2026-08-11T06:34:19","guid":{"rendered":"https:\/\/training30.persistenttechnology.in\/?page_id=433"},"modified":"2026-08-12T05:56:01","modified_gmt":"2026-08-12T05:56:01","slug":"ai-animation","status":"publish","type":"page","link":"https:\/\/training30.persistenttechnology.in\/?page_id=433","title":{"rendered":"AI Animation"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nAI Animation | Premium<\/title>\r\n\r\n<style>\r\n*{box-sizing:border-box;margin:0;padding:0}\r\n\r\nbody{\r\n min-height:100vh;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n overflow:hidden;\r\n background:#050505;\r\n color:white;\r\n font-family:Arial,sans-serif;\r\n}\r\n\r\n\/* BACKGROUND GLOW *\/\r\n\r\nbody:before{\r\n content:\"\";\r\n position:fixed;\r\n width:600px;\r\n height:600px;\r\n border-radius:50%;\r\n background:#d4af3718;\r\n filter:blur(100px);\r\n animation:bg 6s infinite alternate;\r\n}\r\n\r\n@keyframes bg{\r\n from{transform:scale(.8)}\r\n to{transform:scale(1.3)}\r\n}\r\n\r\n\/* AI AREA *\/\r\n\r\n.ai{\r\n width:500px;\r\n height:500px;\r\n position:relative;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n\/* ORBITS *\/\r\n\r\n.orbit{\r\n position:absolute;\r\n border:1px solid #d4af3760;\r\n border-radius:50%;\r\n animation:spin 8s linear infinite;\r\n}\r\n\r\n.o1{\r\n width:300px;\r\n height:300px;\r\n}\r\n\r\n.o2{\r\n width:390px;\r\n height:390px;\r\n transform:rotateX(65deg);\r\n animation-duration:12s;\r\n}\r\n\r\n.o3{\r\n width:450px;\r\n height:450px;\r\n transform:rotateY(65deg);\r\n animation-duration:16s;\r\n}\r\n\r\n@keyframes spin{\r\n from{transform:rotate(0deg)}\r\n to{transform:rotate(360deg)}\r\n}\r\n\r\n\/* PARTICLES *\/\r\n\r\n.particle{\r\n position:absolute;\r\n width:8px;\r\n height:8px;\r\n background:#f1d36b;\r\n border-radius:50%;\r\n box-shadow:0 0 15px #d4af37;\r\n}\r\n\r\n.p1{top:65px;left:250px;animation:p1 4s infinite}\r\n.p2{right:75px;top:220px;animation:p2 5s infinite}\r\n.p3{bottom:70px;left:190px;animation:p3 4.5s infinite}\r\n.p4{left:80px;top:180px;animation:p4 6s infinite}\r\n\r\n@keyframes p1{\r\n 50%{transform:translate(100px,50px) scale(1.8)}\r\n}\r\n\r\n@keyframes p2{\r\n 50%{transform:translate(-80px,100px) scale(.5)}\r\n}\r\n\r\n@keyframes p3{\r\n 50%{transform:translate(90px,-100px) scale(1.6)}\r\n}\r\n\r\n@keyframes p4{\r\n 50%{transform:translate(100px,-50px) scale(.6)}\r\n}\r\n\r\n\/* AI CORE *\/\r\n\r\n.core{\r\n width:155px;\r\n height:155px;\r\n border-radius:50%;\r\n position:relative;\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n background:\r\n radial-gradient(circle,\r\n #fff 0%,\r\n #f1d36b 7%,\r\n #d4af37 20%,\r\n #8c6418 35%,\r\n #0b0b0b 70%);\r\n box-shadow:\r\n 0 0 25px #d4af37,\r\n 0 0 70px #d4af3780,\r\n 0 0 130px #d4af3735;\r\n animation:pulse 2s infinite ease-in-out;\r\n}\r\n\r\n@keyframes pulse{\r\n 0%,100%{\r\n transform:scale(1);\r\n box-shadow:\r\n 0 0 25px #d4af37,\r\n 0 0 70px #d4af3780,\r\n 0 0 130px #d4af3735;\r\n }\r\n 50%{\r\n transform:scale(1.08);\r\n box-shadow:\r\n 0 0 40px #f1d36b,\r\n 0 0 100px #d4af37,\r\n 0 0 170px #d4af3740;\r\n }\r\n}\r\n\r\n.core span{\r\n font-size:45px;\r\n font-weight:900;\r\n color:#050505;\r\n text-shadow:0 0 10px white;\r\n}\r\n\r\n\/* AI RINGS *\/\r\n\r\n.core:before,\r\n.core:after{\r\n content:\"\";\r\n position:absolute;\r\n border-radius:50%;\r\n border:1px solid #f1d36b80;\r\n}\r\n\r\n.core:before{\r\n inset:-18px;\r\n animation:ring 2s infinite;\r\n}\r\n\r\n.core:after{\r\n inset:-35px;\r\n animation:ring 2s infinite .6s;\r\n}\r\n\r\n@keyframes ring{\r\n 0%{transform:scale(.8);opacity:1}\r\n 100%{transform:scale(1.3);opacity:0}\r\n}\r\n\r\n\/* TEXT *\/\r\n\r\n.title{\r\n position:absolute;\r\n bottom:25px;\r\n text-align:center;\r\n width:100%;\r\n}\r\n\r\n.title h1{\r\n font-size:18px;\r\n letter-spacing:5px;\r\n color:#e4c55d;\r\n}\r\n\r\n.title p{\r\n margin-top:8px;\r\n color:#777;\r\n font-size:11px;\r\n letter-spacing:3px;\r\n}\r\n\r\n.dots:after{\r\n content:\"\";\r\n animation:dots 1.5s infinite;\r\n}\r\n\r\n@keyframes dots{\r\n 0%{content:\"\"}\r\n 33%{content:\".\"}\r\n 66%{content:\"..\"}\r\n 100%{content:\"...\"}\r\n}\r\n\r\n@media(max-width:600px){\r\n .ai{\r\n transform:scale(.7);\r\n }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<div class=\"ai\">\r\n\r\n <!-- ORBITS -->\r\n <div class=\"orbit o1\"><\/div>\r\n <div class=\"orbit o2\"><\/div>\r\n <div class=\"orbit o3\"><\/div>\r\n\r\n <!-- PARTICLES -->\r\n <div class=\"particle p1\"><\/div>\r\n <div class=\"particle p2\"><\/div>\r\n <div class=\"particle p3\"><\/div>\r\n <div class=\"particle p4\"><\/div>\r\n\r\n <!-- AI CORE -->\r\n <div class=\"core\">\r\n <span>AI<\/span>\r\n <\/div>\r\n\r\n <!-- TEXT -->\r\n <div class=\"title\">\r\n <h1>AI INTELLIGENCE<\/h1>\r\n <p>PROCESSING<span class=\"dots\"><\/span><\/p>\r\n <\/div>\r\n\r\n<\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ca47c00 e-con e-atomic-element e-flexbox-base \" data-id=\"ca47c00\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ca47c00\">\n \t\t<div class=\"elementor-element elementor-element-6687728 elementor-widget elementor-widget-html\" data-id=\"6687728\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"ai-footer\">\r\n <div class=\"footer-glow\"><\/div>\r\n\r\n <div class=\"footer-container\">\r\n\r\n <!-- Brand -->\r\n <div class=\"footer-brand\">\r\n <a href=\"#\" class=\"logo\">\r\n <span class=\"logo-icon\">\u2726<\/span>\r\n <span>AI<span class=\"gold\">Learn<\/span><\/span>\r\n <\/a>\r\n\r\n <p>\r\n Learn smarter. Build faster. Master the future with\r\n AI-powered learning designed for ambitious minds.\r\n <\/p>\r\n\r\n <div class=\"social-links\">\r\n <a href=\"#\" aria-label=\"Facebook\">f<\/a>\r\n <a href=\"#\" aria-label=\"Twitter\">\ud835\udd4f<\/a>\r\n <a href=\"#\" aria-label=\"LinkedIn\">in<\/a>\r\n <a href=\"#\" aria-label=\"YouTube\">\u25b6<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Platform -->\r\n <div class=\"footer-column\">\r\n <h3>Platform<\/h3>\r\n <a href=\"#\">AI Courses<\/a>\r\n <a href=\"#\">AI Tutor<\/a>\r\n <a href=\"#\">Learning Paths<\/a>\r\n <a href=\"#\">Certificates<\/a>\r\n <a href=\"#\">Skill Assessments<\/a>\r\n <\/div>\r\n\r\n <!-- Resources -->\r\n <div class=\"footer-column\">\r\n <h3>Resources<\/h3>\r\n <a href=\"#\">AI Tools<\/a>\r\n <a href=\"#\">Learning Hub<\/a>\r\n <a href=\"#\">Blog<\/a>\r\n <a href=\"#\">Community<\/a>\r\n <a href=\"#\">Help Center<\/a>\r\n <\/div>\r\n\r\n <!-- Premium -->\r\n <div class=\"footer-column\">\r\n <h3>Premium<\/h3>\r\n <a href=\"#\" class=\"premium-link\">\u2726 VIP Membership<\/a>\r\n <a href=\"#\">Premium Courses<\/a>\r\n <a href=\"#\">1-on-1 AI Coaching<\/a>\r\n <a href=\"#\">Exclusive Content<\/a>\r\n <a href=\"#\">Pricing<\/a>\r\n <\/div>\r\n\r\n <!-- Newsletter -->\r\n <div class=\"footer-newsletter\">\r\n <span class=\"vip-badge\">\u2726 VIP LEARNING<\/span>\r\n\r\n <h3>Stay Ahead of AI<\/h3>\r\n\r\n <p>\r\n Get weekly AI insights, new courses and exclusive\r\n learning opportunities.\r\n <\/p>\r\n\r\n <form class=\"newsletter-form\">\r\n <input\r\n type=\"email\"\r\n placeholder=\"Enter your email\"\r\n aria-label=\"Email address\"\r\n required\r\n >\r\n <button type=\"submit\">Join \u2726<\/button>\r\n <\/form>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Bottom -->\r\n <div class=\"footer-bottom\">\r\n <p>\u00a9 2026 AI Learn. All rights reserved.<\/p>\r\n\r\n <div class=\"bottom-links\">\r\n <a href=\"#\">Privacy<\/a>\r\n <a href=\"#\">Terms<\/a>\r\n <a href=\"#\">Cookies<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/footer>\r\n\r\n\r\n<style>\r\n\/* ================================\r\n AI LEARNING PREMIUM FOOTER\r\n================================ *\/\r\n\r\n.ai-footer {\r\n position: relative;\r\n overflow: hidden;\r\n background:\r\n radial-gradient(\r\n circle at 75% 20%,\r\n rgba(139, 92, 246, 0.12),\r\n transparent 30%\r\n ),\r\n #080B14;\r\n\r\n color: #F8FAFC;\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n sans-serif;\r\n\r\n border-top: 1px solid rgba(212, 175, 55, 0.18);\r\n}\r\n\r\n.footer-glow {\r\n position: absolute;\r\n width: 450px;\r\n height: 450px;\r\n\r\n top: -250px;\r\n right: 5%;\r\n\r\n background: rgba(139, 92, 246, 0.13);\r\n filter: blur(100px);\r\n border-radius: 50%;\r\n\r\n pointer-events: none;\r\n}\r\n\r\n.footer-container {\r\n position: relative;\r\n z-index: 2;\r\n\r\n max-width: 1250px;\r\n margin: auto;\r\n padding: 75px 30px 55px;\r\n\r\n display: grid;\r\n\r\n grid-template-columns:\r\n 1.6fr\r\n 1fr\r\n 1fr\r\n 1fr\r\n 1.5fr;\r\n\r\n gap: 45px;\r\n}\r\n\r\n\r\n\/* ================================\r\n BRAND\r\n================================ *\/\r\n\r\n.logo {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n\r\n color: #fff;\r\n text-decoration: none;\r\n\r\n font-size: 25px;\r\n font-weight: 800;\r\n letter-spacing: -0.5px;\r\n}\r\n\r\n.logo-icon {\r\n width: 38px;\r\n height: 38px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n color: #080B14;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #D4AF37,\r\n #F5D76E\r\n );\r\n\r\n border-radius: 11px;\r\n\r\n box-shadow:\r\n 0 0 25px rgba(212, 175, 55, 0.25);\r\n}\r\n\r\n.gold {\r\n color: #F5D76E;\r\n}\r\n\r\n.footer-brand p {\r\n max-width: 320px;\r\n\r\n margin: 20px 0;\r\n\r\n color: #94A3B8;\r\n\r\n font-size: 14px;\r\n line-height: 1.8;\r\n}\r\n\r\n\r\n\/* ================================\r\n SOCIAL\r\n================================ *\/\r\n\r\n.social-links {\r\n display: flex;\r\n gap: 10px;\r\n}\r\n\r\n.social-links a {\r\n width: 38px;\r\n height: 38px;\r\n\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n\r\n color: #CBD5E1;\r\n text-decoration: none;\r\n\r\n background: #111827;\r\n\r\n border: 1px solid rgba(255,255,255,0.08);\r\n\r\n border-radius: 10px;\r\n\r\n font-size: 14px;\r\n font-weight: 700;\r\n\r\n transition: 0.3s ease;\r\n}\r\n\r\n.social-links a:hover {\r\n color: #080B14;\r\n\r\n background: #F5D76E;\r\n\r\n transform: translateY(-4px);\r\n\r\n box-shadow:\r\n 0 8px 25px rgba(245, 215, 110, 0.25);\r\n}\r\n\r\n\r\n\/* ================================\r\n COLUMNS\r\n================================ *\/\r\n\r\n.footer-column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 13px;\r\n}\r\n\r\n.footer-column h3,\r\n.footer-newsletter h3 {\r\n margin: 0 0 10px;\r\n\r\n color: #fff;\r\n\r\n font-size: 15px;\r\n font-weight: 700;\r\n}\r\n\r\n.footer-column a {\r\n color: #94A3B8;\r\n\r\n text-decoration: none;\r\n\r\n font-size: 14px;\r\n\r\n transition: 0.25s ease;\r\n}\r\n\r\n.footer-column a:hover {\r\n color: #F5D76E;\r\n transform: translateX(4px);\r\n}\r\n\r\n.footer-column .premium-link {\r\n color: #D8B84C;\r\n}\r\n\r\n\r\n\/* ================================\r\n NEWSLETTER\r\n================================ *\/\r\n\r\n.vip-badge {\r\n display: inline-block;\r\n\r\n padding: 6px 11px;\r\n\r\n margin-bottom: 13px;\r\n\r\n color: #F5D76E;\r\n\r\n background: rgba(212, 175, 55, 0.08);\r\n\r\n border: 1px solid rgba(212, 175, 55, 0.25);\r\n\r\n border-radius: 50px;\r\n\r\n font-size: 10px;\r\n font-weight: 800;\r\n\r\n letter-spacing: 1px;\r\n}\r\n\r\n.footer-newsletter p {\r\n color: #94A3B8;\r\n\r\n font-size: 13px;\r\n line-height: 1.7;\r\n\r\n margin: 0 0 18px;\r\n}\r\n\r\n.newsletter-form {\r\n display: flex;\r\n\r\n padding: 5px;\r\n\r\n background: #111827;\r\n\r\n border: 1px solid rgba(255,255,255,0.08);\r\n\r\n border-radius: 12px;\r\n}\r\n\r\n.newsletter-form input {\r\n width: 100%;\r\n\r\n padding: 11px;\r\n\r\n color: white;\r\n\r\n background: transparent;\r\n\r\n border: none;\r\n outline: none;\r\n\r\n font-size: 13px;\r\n}\r\n\r\n.newsletter-form input::placeholder {\r\n color: #64748B;\r\n}\r\n\r\n.newsletter-form button {\r\n padding: 0 17px;\r\n\r\n color: #080B14;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #D4AF37,\r\n #F5D76E\r\n );\r\n\r\n border: none;\r\n border-radius: 8px;\r\n\r\n font-weight: 800;\r\n\r\n cursor: pointer;\r\n\r\n transition: 0.3s ease;\r\n}\r\n\r\n.newsletter-form button:hover {\r\n transform: scale(1.04);\r\n\r\n box-shadow:\r\n 0 0 20px rgba(245, 215, 110, 0.35);\r\n}\r\n\r\n\r\n\/* ================================\r\n BOTTOM\r\n================================ *\/\r\n\r\n.footer-bottom {\r\n position: relative;\r\n z-index: 2;\r\n\r\n max-width: 1250px;\r\n\r\n margin: auto;\r\n\r\n padding: 22px 30px;\r\n\r\n border-top:\r\n 1px solid rgba(255,255,255,0.07);\r\n\r\n display: flex;\r\n\r\n justify-content: space-between;\r\n align-items: center;\r\n\r\n color: #64748B;\r\n\r\n font-size: 12px;\r\n}\r\n\r\n.footer-bottom p {\r\n margin: 0;\r\n}\r\n\r\n.bottom-links {\r\n display: flex;\r\n gap: 22px;\r\n}\r\n\r\n.bottom-links a {\r\n color: #64748B;\r\n\r\n text-decoration: none;\r\n\r\n transition: 0.2s ease;\r\n}\r\n\r\n.bottom-links a:hover {\r\n color: #F5D76E;\r\n}\r\n\r\n\r\n\/* ================================\r\n RESPONSIVE\r\n================================ *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n .footer-container {\r\n grid-template-columns:\r\n 1.5fr\r\n 1fr\r\n 1fr\r\n 1fr;\r\n }\r\n\r\n .footer-newsletter {\r\n grid-column: span 2;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 700px) {\r\n\r\n .footer-container {\r\n grid-template-columns: 1fr 1fr;\r\n\r\n padding: 55px 22px 40px;\r\n\r\n gap: 35px 25px;\r\n }\r\n\r\n .footer-brand {\r\n grid-column: span 2;\r\n }\r\n\r\n .footer-newsletter {\r\n grid-column: span 2;\r\n }\r\n\r\n .footer-bottom {\r\n padding: 20px 22px;\r\n\r\n flex-direction: column;\r\n\r\n gap: 15px;\r\n\r\n text-align: center;\r\n }\r\n}\r\n\r\n\r\n@media (max-width: 450px) {\r\n\r\n .footer-container {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-brand,\r\n .footer-newsletter {\r\n grid-column: span 1;\r\n }\r\n\r\n .bottom-links {\r\n gap: 15px;\r\n }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>AI Animation | Premium AI AI INTELLIGENCE PROCESSING \u2726 AILearn Learn smarter. Build faster. Master the future with AI-powered learning … <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-433","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=433"}],"version-history":[{"count":7,"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":467,"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=\/wp\/v2\/pages\/433\/revisions\/467"}],"wp:attachment":[{"href":"https:\/\/training30.persistenttechnology.in\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}