rizalazkyblog.hashnode.devNotification Slide-Inindex.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Notification Slide-In</title> <link rel="stylesheet" href="style.css"> </head> <body> <...Sep 11, 2025路2 min read
rizalazkyblog.hashnode.dev馃殌 Creating a Futuristic Wobble Hover Button with HTML and CSSIn modern web design, small animations can make a big difference. One of the simplest yet most effective ways to enhance user interaction is through hover effects on buttons. In this tutorial, we鈥檒l create a futuristic neon button with a smooth wobbl...May 10, 2025路3 min read
rizalazkyblog.hashnode.devCreate a Neon Progress Bar Animation with HTML, CSS, and JavaScriptWant to add a glowing, modern touch to your website UI? In this tutorial, you'll learn how to create a smooth neon progress bar animation using only HTML, CSS, and JavaScript. Perfect for download/upload indicators or loading animations in dark-theme...Apr 7, 2025路2 min read
rizalazkyblog.hashnode.dev馃攳 Smooth Expanding Search Bar using only CSSCreating modern UI components can be fun and satisfying鈥攅specially when you manage to do it without any JavaScript. In this post, I鈥檒l walk you through building a clean, minimal expanding search bar using only HTML and CSS, separated neatly into file...Apr 7, 2025路2 min read
rizalazkyblog.hashnode.devCreating an Interactive 3D Tilt Effect with HTML, CSS, and JavaScriptThe 3D Tilt effect is an interactive animation that gives the illusion of depth when a user moves the cursor over an element. This effect is widely used in modern UI design for cards, buttons, or other elements to make them look more dynamic and enga...Apr 3, 2025路2 min read
