Stunning Animated UI Designer Portfolio with HTML, CSS, JS & GSAP |Creative Web Design Showcase 2024
Discover an impressive animated UI designer portfolio crafted with HTML, CSS, JavaScript, and GSAP in this video. Dive into a showcase of creative web design trends for 2024, highlighting smooth animations, engaging interactions, and sleek layouts. Whether you're a beginner or an experienced designer, this video offers inspiration and techniques to enhance your own projects. Watch as we break down each element, providing insights into the code and design choices that make this portfolio stand out. Perfect for anyone looking to elevate their web design skills and create stunning, interactive user interfaces.
Demo: https://creative-designer-main.web.app/
CSS Variables:
:root{ --bg-primary:#03050e; --bg-secondary:#080a14; --bg-accent:#101530; --foreground:#f7f7f8; --muted-foreground:#7f8296; --border-primary:#262626; --border-secondary:#101530; --primary:#e43a15; --primary-accent:#AD13FB; --primary-variant:#6d19fd; --color-white:#ffffff; --gradient-1:linear-gradient( 260deg, var(--primary-accent) 0%, var(--primary) 100%); --gradient-2:linear-gradient(to top left, #0052D4,#ffb804,#6fb1fc); --warning:#ffa500; --transition:all 400ms ease; --glow:radial-gradient(rgba(0,36,214,0.3) 0%, rgba(3,5,14,0.5)); --shadow-1:0px 3px 4px 0px var(--primary-variant); --shadow-2:0px 0px 20px 0px #760cab; --shadow-3: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.075), /* shadow ring 👇 / 0 0 0 1px hsla(0, 0%, 0%, 0.05), / multiple soft shadows 👇 */ 0 0.3px 0.4px hsla(0, 0%, 0%, 0.02), 0 0.9px 1.5px hsla(0, 0%, 0%, 0.045), 0 3.5px 6px hsla(0, 0%, 0%, 0.09);}
Assets: https://drive.google.com/file/d/1h_e9...
Subscribe to my Channel: / @mradinuba
Source Code: https://buymeacoffee.com/mradinuba/e/...
Смотрите видео Stunning Animated UI Designer Portfolio with HTML, CSS, JS & GSAP |Creative Web Design Showcase 2024 онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Mr Adinuba 21 Июнь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 1,81 раз и оно понравилось 6 людям.