Holographic Effects on Laptop

 HOLOGRAPHIC EFFECTS ON LAPTOP

Today I wanna going to show you how to make this holographic effects on laptop by using HTML & CSS

OUTPUTS :

About

A hologram is a real world recording of an interference pattern which uses diffraction to reproduce a 3D light field, resulting in an image which still has the depth, parallax, and other properties of the original scene. Holography is the science and practice of making holograms. A hologram is a photographic recording of a light field, rather than an image formed by a lens. The holographic medium, for example the object produced by a holographic process (which may be referred to as a hologram) is usually unintelligible when viewed under diffuse ambient light. It is an encoding of the light field as an interference pattern of variations in the opacity, density, or surface profile of the photographic medium. When suitably lit, the interference pattern diffracts the light into an accurate reproduction of the original light field, and the objects that were in it exhibit visual depth cues such as parallax and perspective that change realistically with the different angles of viewing. That is, the view of the image from different angles represents the subject viewed from similar angles. In this sense, holograms do not have just the illusion of depth but are truly three-dimensional images.

In its pure form, holography needs a laser light for illuminating the subject and for viewing the finished hologram. A microscopic level of detail throughout the recorded scene can be reproduced. In common practice, however, major image quality compromises are made to remove the need for laser illumination to view the hologram, and in some cases, to make it. Holographic portraiture often resorts to a non-holographic intermediate imaging procedure, to avoid the dangerous high-powered pulsed lasers which would be needed to optically "freeze" moving subjects as perfectly as the extremely motion-intolerant holographic recording process requires. Holograms can now also be entirely computer-generated to show objects or scenes that never existed.

Holography is distinct from lenticular and other earlier autostereoscopic 3D display technologies, which can produce superficially similar results but are based on conventional lens imaging. Images requiring the aid of special glasses or other intermediate optics, stage illusions such as Pepper's Ghost and other unusual, baffling, or seemingly magical images are often incorrectly called holograms.

Dennis Gabor invented holography in 1947 and later won a Nobel Prize for his efforts.

STEPS TO CREATE : 

• Create a new file and name is holoeffects.html
• Download all the images that i am giving at the below section
• Insert all the images to the html file
• Give some styles to all the images
• Adjusting the size of all the images
• Adding some CSS animations to the html file
• Watch my tutorial and starts to coding
• Here is the tutorial link : https://youtu.be/nuNWz_twSqc
• Now this animation is to be ready
• I hope you learned something new from this tutorial

SOURCE CODE & IMAGES : Download

or