Notification 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=Sep 11, 2025 路 2 min readrizalazkyblog.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 readrizalazkyblog.hashnode.dev
Create 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 readrizalazkyblog.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 readrizalazkyblog.hashnode.dev
Creating 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 readrizalazkyblog.hashnode.dev
