Keywords / CSS3, Lightbox

Tags: CSS3, Lightbox

Responsive Image Lightbox with 3D Animation Effects using CSS3 Transitions without JavaScript

Responsive Image Lightbox with 3D Animation Effects using CSS3 Transitions without JavaScript
The goal of this article is to demonstrate an example of a responsive image lightbox with a minimal amount of HTML and CSS code. The lightbox comes with 12 animation effects that are all shown in a demonstration. The example uses only CSS3 and works without JavaScript.

How to create responsive image lightbox using only CSS3 transitions with 15 animation effects

How to create responsive image lightbox using only CSS3 transitions with 15 animation effects
This article considers a simple image lightbox with a minimal amount of code to demonstrate the simplest way on how to build it using only CSS3 transitions. It comes with 15 animation effects with a demo example for each one. It has a responsive design and works completely without JavaScript.

Pure CSS3 content lightbox with responsive design

Pure CSS3 content lightbox with responsive design
This is a simple content lightbox that works in modern browsers: IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.