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/...
Watch video Stunning Animated UI Designer Portfolio with HTML, CSS, JS & GSAP |Creative Web Design Showcase 2024 online without registration, duration hours minute second in high quality. This video was added by user Mr Adinuba 21 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,81 once and liked it 6 people.