RARizal Azkyinrizalazkyblog.hashnode.dev路Sep 11, 2025 路 2 min readNotification 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=00
RARizal Azkyinrizalazkyblog.hashnode.dev路May 10, 2025 路 3 min read馃殌 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...00
RARizal Azkyinrizalazkyblog.hashnode.dev路Apr 7, 2025 路 2 min readCreate 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...00
RARizal Azkyinrizalazkyblog.hashnode.dev路Apr 7, 2025 路 2 min read馃攳 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...00
RARizal Azkyinrizalazkyblog.hashnode.dev路Apr 3, 2025 路 2 min readCreating 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...00
