Skip to content

Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.

Notifications You must be signed in to change notification settings

Yashi-Singh-1/Prismatic-Shift

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Prismatic-Shift

Challenge Description

Prismatic Shift is a CSS challenge showcasing the creation of a prismatic effect using CSS transforms and positioning. The challenge involves styling a parallelogram shape within a container, employing techniques such as skew transforms and pseudo-elements to achieve a visually appealing geometric design.

Preview

Prismatic-Shift Preview

Live Demo

Check out the live demo here.

Prerequisites

  • HTML and CSS Basics

Tools Used

  1. VS Code (You can use any other code editor)
  2. A modern web browser (Chrome, Firefox, Safari, or Edge).
  3. Access to an internet connection for resource imports.

Contributing

If you'd like to contribute to this project:

  1. Fork the repository on GitHub.
  2. Clone your forked repository to your local machine:
  3. git clone https://github.com/Yashi-Singh-1/Prismatic-Shift.git
  4. Create a new branch for your feature or bug fix:
  5. git checkout -b feature-name
  6. Make your changes and commit them with a clear and concise message:
  7. git commit -m 'Add new feature or fix'
  8. Push your changes to your forked repository:
  9. git push origin feature-name
  10. Open a pull request to the main repository.
  11. Ensure your pull request includes a detailed description of your changes.
  12. Respond to any feedback or questions during the review process.

We welcome improvements, bug fixes, and additional features that can enhance this Prismatic Shift.

About

Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.

Topics

Resources

Stars

Watchers

Forks