This PSD file will demo a Lightbox using CSS and JavaScript. A Lightbox can be used in any situation to add pop-up functionality to content of any type. This method can apply to any Photoshop or Illustrator layer element using our Layer Styles and Class Style tags.

NOTE: This feature is also supported in WordPress and PHP.

File Size

13.5 MB

Download Now

Raw Code

Code tag will allow you to add raw code/script within the PSD Text Layer contents. You can draw any paragraph text layer in your PSD, but you should try to keep the size and position of your code layer relative to your design.

Using External Files

Because Export Kit allows you to customize your HTML5 Content before export, you can add both custom CSS and JavaScript – read more.

Testing the PSD

Use Exports views to render the website with the Fixed Menu enabled. When you scroll the content, the top menu will remain in its fixed position while you scroll.

Using Exports View

Export the PSD in your required environment to see how shapes are rendered in your output.