arpit456jain / amazing-css-effects

This repo contains some cool CSS effects

Hi there , I am Arpit Jain Nice to see you !!👋

• 🔭 I was the Project Admin in a open Source Contribution Program GirlScript Summer Of Code
• 🔭 I was the Project Admin and Mentor in a open Source Contribution Program GWoC'21
• 🔭 I was the Project Admin in a open Source Contribution Program DevIncept
• 🔭 I was the mentor in a open Source Contribution Program LGSMOC'21
• 🔭 I’m the top Contributor in Gssoc'21
• 🌱 I’m currently learning Machine Learning
• 👯 I’m looking to collaborate on Web Devlopment integrated with ML
• 🤔 I’m looking for help with Data Science
• 💬 Ask me about Python,Flask,Django,Web Development
• 📫 How to reach me: linkedin:@ArpitJain , Facebook:@Arpit , Instagram@Arpit
• 😄 Pronouns: He/His
• ⚡ Fun fact: Marvel's Fan

A passionate Full-stack Web developer from India

🏆 Github Profile Trophy

• 👨‍💻 All of my projects are available at my Portfolio website. -Check out here http://arpit4567jain.pythonanywhere.com/

Connect with me:

Join Our CodeSmashers Community :

Languages and Tools:

📈 Contribution Graph

amazing-css-effects's Issues

make separate css files

Add contributing guidlines.md

testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Add github bot for greeting

Bubble navbar animation in html,css,js

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the bug

• It is a new feature.

Possible solution

• I would like to add this project

Screenshots

• If applicable, add screenshots to help explain your problem.

Social media Icons Template

I want to add Social media icons template with transition .
Please assign me this issue

Add a note in bot msg that "This repo is no registered under any program"

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Add remaining templates in style_link.json

Add remaining templates in style_link.json and its url so that they can be accesed by home page

Rainbow strips on button hover

Issue Type:

• Bug Report
• Feature Request
• Documentaion

Possible solution

• The feature is to add a Button that on hover fills the button with rainbow stripes. The stripes enter the button diagonally.

Screenshots

Add code of conduct

Neomorphic login page

I want to add a neomorphic login page under the DevIncept program. Can you please assign me this issue under DCP 21

Testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Glassmorphic Signup page

I want to add glassmorphic sign-up under the DevIncept program. Can you please assign me this issue under DCP 21

Make a gif or video for showing a demo of some templates

testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Neuromorphic Calculator

I want to add a neuromorphic calculator made using html CSS and javascript

Steaming cup animation

Name: Ritika Chand

[x]DevIncept Participant
[x]Contributor

Describe the solution you'd like...
create a steaming cup animation using html and css

Additional context:
Please assign me this project under Devincept21

testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Shruti Singh

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Configure bot to share the PR submission link

Issue Type:

Configure bot to share the PR submission link so that contributors can fill the form as soon as the PR gets merged .
Form link : https://forms.gle/uzEW46ujHTaEYt4b8
[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Ripple Loader Effect

---

Title: Ripple Loader Effect
About: To create CSS with ripple loader effect
Name: Shiwansh Raj

Define You:

• DevIncept Participant
• Contributor

Describe the solution you'd like...
I want to create a CSS effect in which while loading it gives ripple effect .

Additional context
Please assign me this project under Devincept21

Make home page responsive specially navbar

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Glowing checkboxes

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the feature

• Glowing checkboxes, which tell if the option has been turned on like in mobile phones notification bar, made with css and cool icons.

Possible solution

• to use css, icons, and glow effect to create the on/off

Nitesh Rawat

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Creating Preview of Css files

We can have file index.html and we can link all css to that file and everyone can check it quickly

Himanshu Dubey

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

CSS Glowing Gradient Loader Ring

LOGO FOR PROJECT

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

We need one logo for the project that should be attractive and unique. I will not able to do this might be @ankitapuri or someone in designing can help in this

add bot greeting on PR merged successfully with msg "Thank you @name for your valuable contribution "

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Naveen kushwaha

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Vishnu

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Rotating Card animation

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Possible solution

Creates a two sided card which rotates on hover.

Screenshots

• If applicable, add screenshots to help explain your problem.

Glassmorphic Calculator

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the bug

• I want to add glassmorphic calculator under the DevIncept program. Can you assign me this issue under DCP 21?

Vertical Own Project Timeline With CSS and a Touch of JavaScript

I would like to contribute in Amazing-CSS-Effects
Person can add this timeline view in our Portfolio for adding the projects in portfolio, When we scroll down I add animation effect projects details come from left and right side of browser.

Make Exiting Templates Responsive for all screens

Add logo in the index.html

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Shruti Singh

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Template Addition

Adding Issues and Pr templates

add license in read me

testing

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Deepanjali Vyas

Issue Type:

[ ] Bug Report
[ ] Feature Request
[ ] Documentaion

Describe the bug

• A clear and concise description of what the bug is.

Possible solution

• Describe the solution you thought of.

Screenshots

• If applicable, add screenshots to help explain your problem.

Wavy footer

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the feature

• A footer designed with css which gives the effect of sea waves

Possible solution

• use simple css and animations

Please assign me this issue under Devincept 21

improve read me

Create a github pages website for this repository

Issue Type:

[ ] Bug Report
[x] Feature Request
[ ] Documentaion

Describe the feature

Well I was thinking that a GitHub pages hosted website to show all the amazing CSS effects for this repository would be a great addition.

I wish glow a bulb using JS.

I wish to glow a bulb using Javascript basics.

Credit Card UI Design

---

Title: Credit Card UI Design
About: Creating a UI mockup of credit card using CSS
Name: Shiwansh Raj

Define You:

• DevIncept Participant
• Contributor

Describe the solution you'd like...

I want to create a mockup UI of Credit Card using HTML and CSS.

Additional context

Please Assign me this issue under Devincept 21

Loading Animation

Issue Type:

• Bug Report
• Feature Request
• Documentaion

Possible solution

• The feature is to add a loading animation.

Screenshots

Moving Picture Effect

I wish to add a moving picture effect.

Pre Loading animation

I want to add a pre loading animation