Create an Image Gallery Using CSS3 and HTML5

Introduction

This is a simple application for beginners that shows how to create an image gallery using HTML 5 and CSS 3 tools. We know that CSS is the acronym for Cascading Style Sheet that helps to design a form in a web application. CSS has three levels; they are level 1, level 2 and level 3. CSS level 3 is always used to develop an animated application with the help of HTML 5 tools. CSS 3 provides an advanced module used in web applications that include selectors, box models, 2D, and 3D transformation, animation and user interface. Now in this article, we have created an image gallery using CSS3 and HTML 5. Step 1: First Open an HTML editor such as Notepad.

• Open start->Notepad.
• The name of the editor is "Tom."

Step 2: Add a Folder on Desktop.

• Right-click on desktop.
• New->add folder.
• The name of the folder is own choice there is "Joy".

Step 3: Open Visual Studio.

• Go to file -> New->Projects.
• Create an ASP. NET Web Application.
• Name of "Img.aspx".

Step 4: Add an HTML file to your web application.

• Right-click on Solution Explorer.
• Add->add new item->HTML form.
• The Name of the HTML form is "Gallery.html".

Step 5 : Set the image in a <div> tag. Code