วีดีโอ

The spread parameter defines the spread radius. A positive value increases the size of the shadow, a negative value decreases the size of the shadow.

The blur parameter defines the blur radius. The higher the number, the more blurred the shadow will be.

The color parameter defines the color of the shadow. A div element with a blue box-shadow

you only specify a horizontal and a vertical shadow. The default color of the shadow is the current text-color. A div element with a box

An element can also have multiple shadows:

You can also use the box-shadow property to create like card. The box-shadow property can be used to create images:

The layout in this section, often depends on the target users. The most common layout often used for mobile tablets and laptops and desktops browsers

some commonly used font fallbacks, organized by the 5 generic font families. Serif, Sans-serif, Monospace, Cursive , Fantasy .

Viewport is the browser window size. 1vw = 1% of viewport width. If the viewport is 50cm wide, 1vw is 0.5cm. Resize the browser window to see how the text size scales.

Setting the text size with pixels gives you full control over the text size: If you use pixels, you can still use the zoom tool to resize the entire page. To allow users to resize the text (in the browser menu), many developers use em instead of pixels. 1em is equal to the current font size. The default text size in browsers is 16px. So, the default size of 1em is 16px.The size can be calculate...

The font-weight property specifies the weight of a font: The font-style property is mostly used to specify italic text. normal - The text is shown normally., italic - The text is shown in italics , oblique - The text is "leaning" oblique is very similar to italic, but less supported he font-variant property specifies whether or not a text should be displayed in a small-caps font. In a small-cap...

we use the font-family property to specify the font of a text. If the font name is more than one word, it must be in quotation marks, like: Times New Roman. The font-family property should hold several font names as a fallback system, to ensure maximum compatibility between browsers/operating systems. Start with the font you want, and end with a generic family to let the browser pick a similar ...

How to add a dropdown menu inside a navigation bar. Hover over the Dropdown link to see the dropdown menu. Create a dropdown menu that allows the user to choose an option from a list. dropdown box and style them to fit a styled dropdown button:

Move the mouse over the image to open the dropdown content. How to add an image and other content inside the dropdown box.

STICKY NAVBAR AND FIXED NAV BAR in css

Current Navigation Link in css

Inline List Items in css

Basic mouseover Dropdown in css

Vertical Navigation Bar in css

Pseudo elements in css

Use of focus in css

The lang Pseudo class in css

Match the first i element in all p elements in css

Simple Tooltip Hover in css

Hover on div using pseudo class in css

Anchor Pseudo classes in css

Repeating a Conic Gradient in css

Create Pie Charts in css

Three Colors and Degrees in css(For beginners)