To install click the Add extension button. That's it.

The source code for the WIKI 2 extension is being checked by specialists of the Mozilla Foundation, Google, and Apple. You could also do it yourself at any point in time.

Kelly Slayton
Congratulations on this excellent venture… what a great idea!
Alexander Grigorievskiy
I use WIKI 2 every day and almost forgot how the original Wikipedia looks like.
Live Statistics
English Articles
Improved in 24 Hours
Added in 24 Hours
Show all languages
What we do. Every page goes through several hundred of perfecting techniques; in live mode. Quite the same Wikipedia. Just better.

From Wikipedia, the free encyclopedia

A red rectangle casting a drop shadow over a wood-like background
A red rectangle casting a drop shadow over a wood-like background

In graphic design and computer graphics, a drop shadow is a visual effect consisting of a drawing element which looks like the shadow of an object, giving the impression that the object is raised above the objects behind it. The drop shadow is often used for elements of a graphical user interface such as windows or menus, and for simple text. The text label for icons on desktops in many desktop environments has a drop shadow, as this effect effectively distinguishes the text from any colored background it may be in front of.

A simple way of drawing a drop shadow of a rectangular object is to draw a gray or black area underneath and offset from the object. In general, a drop shadow is a copy in black or gray of the object, drawn in a slightly different position. Realism may be increased by:

  1. Darkening the colors of the pixels where the shadow casts instead of making them gray. This can be done with alpha blending the shadow with the area it is cast on.
  2. Softening the edges of the shadow. This can be done by adding Gaussian blur to the shadow's alpha channel before blending.

Inset drop shadows are a type which draws the shadows inside the element. This allows the interface element to appear as if it is sunken into the interface.

YouTube Encyclopedic

  • 1/3
    494 798
    25 805
    12 789
  • This is MUCH BETTER Than Drop Shadow in Photoshop!
  • Why are there two ways to make shadows in CSS? box-shadow vs filter: drop-shadow()
  • Drop Shadow Tool in CorelDraw. Learn CorelDraw in hindi tutorial 22



Stacking window managers draw a window border around the windows, while compositing window managers draw drop shadow around the windows
Stacking window managers draw a window border around the windows, while compositing window managers draw drop shadow around the windows

Generally, window managers which are capable of compositing allow drop shadow effects, whereas incapable window managers do not. In some operating systems like macOS, drop shadow is used to differentiate between active and inactive windows.

Websites are able to use drop shadow effects through the CSS properties box shadow, text shadow, and filter. [1] The first two are used for elements and text respectively, while the drop shadow filter additionally to the element's content, letting it support oddly shaped elements or transparent images.

External links


  1. ^ [1], drop-shadow() filter function, Mozilla Developer Network
This page was last edited on 28 September 2021, at 18:21
Basis of this page is in Wikipedia. Text is available under the CC BY-SA 3.0 Unported License. Non-text media are available under their specified licenses. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc. WIKI 2 is an independent company and has no affiliation with Wikimedia Foundation.