Rizal Azky

Write

🚀 Creating a Futuristic Wobble Hover Button with HTML and CSS

May 10, 20253 min read

Create a Neon Progress Bar Animation with HTML, CSS, and JavaScript

Apr 7, 20252 min read

Notification Slide-In

index.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, 20252 min read

🔍 Smooth Expanding Search Bar using only CSS

Apr 7, 20252 min read

Creating an Interactive 3D Tilt Effect with HTML, CSS, and JavaScript

Apr 3, 20252 min read

Sliding Bars Animation with HTML and CSS

In this article, we will create a simple yet eye-catching Sliding Bars Animation using HTML and CSS. This effect is great for loading indicators, audio visualizers, or stylish design elements on your website. Live Preview Before we dive into the code...

Apr 2, 20252 min read

Create a Cool Color-Changing Button Hover Effect with CSS

Adding interactive elements to your website enhances user engagement. One great way to achieve this is by creating a color-changing button and hover effect using CSS. In this tutorial, I'll show you how to make a button that smoothly transitions thro...

Apr 2, 20252 min read

Neon Grid Hover Effects: Transform Your Web Design with CSS and JavaScript

The Neon Grid Hover Effect is an interactive visual effect that combines CSS animations and JavaScript to create a glowing hover experience over a dynamically generated grid. This effect gives an immersive neon aesthetic, perfect for modern UI showca...

Mar 23, 20256 min read

Command Palette

Latest articles