Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by REDUAN AHMAD
3 articles
How to Set a Box-Shadow Only on the Left and Right Sides?
In this article, we'll learn how to create a box-shadow that appears only on the left and right sides of an element using CSS. Box shadows are popular for adding depth and dimension to web elements, but by default, shadows apply to all four sides. Here, we'll explore a simple method to achieve shadows only on the sides. Syntax selector { box-shadow: horizontal-offset vertical-offset blur-radius spread-radius color, horizontal-offset vertical-offset blur-radius spread-radius color; } Understanding Box-Shadow ...
Read MoreCreate A Responsive Coffee Website in HTML and CSS
This article will show you how to create a responsive coffee website using HTML and CSS. We'll design sections including a hero area, product showcase, and contact form that adapt beautifully to both desktop and mobile devices. Website Structure Our coffee website will include the following key components − A hero section with an eye-catching welcome message A product section showcasing coffee options with descriptions A contact section for user inquiries Responsive design that adapts to different screen sizes ...
Read MoreCreate A Glassmorphism Login Form in HTML and CSS
This article will show you how to design a glassmorphism login form using HTML and CSS. Glassmorphism is a popular UI design trend based on frosted glass effects, which make elements look translucent with a blurred background. What is Glassmorphism? Glassmorphism is a UI design style that gives an element a frosted-glass effect with the following characteristics − Blurred Background: Creates a glassy, frosted effect. Transparency: Allows part of the background to show through. Light Borders and Shadows: Adds depth and defines the shape. ...
Read More