https://github.com/yashi-singh-1/prismatic-shift

Prismatic Shift is a CSS project that demonstrates how to create a dynamic prismatic effect using CSS transforms and positioning.
https://github.com/yashi-singh-1/prismatic-shift

css css-battle css-challenge css-transform css3 cssbattle csschallnege html html-css html5 htmlcss transformation translation

Last synced: 4 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/yashi-singh-1/prismatic-shift
• Owner: Yashi-Singh-1
• Created: 2024-07-08T08:25:17.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-07-08T08:34:28.000Z (4 months ago)
• Last Synced: 2024-07-08T10:51:38.289Z (4 months ago)
• Topics: css, css-battle, css-challenge, css-transform, css3, cssbattle, csschallnege, html, html-css, html5, htmlcss, transformation, translation
• Language: CSS
• Homepage:
• Size: 12.7 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
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




Live Demo


Check out the live demo here.


Prerequisites




    
HTML and CSS Basics



Tools Used




    
VS Code (You can use any other code editor)

    
A modern web browser (Chrome, Firefox, Safari, or Edge).

    
Access to an internet connection for resource imports.



Contributing


If you'd like to contribute to this project:




    
Fork the repository on GitHub.

    
Clone your forked repository to your local machine:

    
git clone https://github.com/Yashi-Singh-1/Prismatic-Shift.git

    
Create a new branch for your feature or bug fix:

    
git checkout -b feature-name

    
Make your changes and commit them with a clear and concise message:

    
git commit -m 'Add new feature or fix'

    
Push your changes to your forked repository:

    
git push origin feature-name

    
Open a pull request to the main repository.

    
Ensure your pull request includes a detailed description of your changes.

    
Respond to any feedback or questions during the review process.



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