Giter Site home page Giter Site logo

anjuli08 / creative-css-effects Goto Github PK

View Code? Open in Web Editor NEW
14.0 14.0 44.0 43.03 MB

Its a beginner friendly project displaying various CSS Effects so as get better hands on experience with various effects that can be implemented using CSS to make your webpage look attractive enough

License: MIT License

HTML 15.02% CSS 53.50% SCSS 29.32% JavaScript 2.16%
beginner-friendly css hacktoberfest hacktoberfest2022 html open-source

creative-css-effects's Introduction

Hi My name is Anjuli Aggarwal

Web Developer and CSE Undergrad

trophy

I am an Undergrad in B.Tech CSE. I love to explore new things and new technologies or skills. I started with C language first and then learnt about C++ and OOPs concepts. I am a MERN Stack developer🚀. I have worked on many projects based on web and I also have basic knowledge of Django and worked on a few django based projects as well.

  • 🌍  I'm based in India
  • ✉️  You can contact me at [email protected]
  • 🤝  I'm open to collaborating on interesting projects based on web development.

💻Skills

C C++ CSS3 HTML5 Java JavaScript ReactJs Python Google Cloud Bootstrap Django MySQL Figma Adobe Illustrator Adobe Photoshop Adobe Lightroom Canva

🌐Socials

LinkedIn Twitter Github

Badges

📊My GitHub Stats

Support Me

creative-css-effects's People

Contributors

abhika3021 avatar abhishekkumarray avatar anjuli08 avatar ankit62042 avatar anubhavgupta18 avatar babyelias avatar davrana avatar deepakrana07 avatar dev-yjy avatar ebrg786 avatar kshitij321 avatar louierosero avatar mayuri-agrawal avatar mldamico avatar monalikapatnaik avatar morbius00 avatar naandalist avatar prajjwallive avatar psm1729 avatar raghav1482 avatar samipak458 avatar slmpire avatar sumitbaroniya avatar swastik200 avatar theashu02 avatar varunsharma6956 avatar yosaami avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

creative-css-effects's Issues

Not participating in Hacktoberfest

The tags have a typo, it should be Hacktoberfest instead of Hactoberfest. Because of this, PRs are not being counted towards Hacktoberfest.Please look into the same.

BMI Calculator

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

•I want to add a JavaScript-based project to this repository , BMI calculator.
•In this project i'will be covering the basics of javascript.
•Kindly assign this issue to me. Thank you😊

INDIA AND MAPPING OF ITS FOLK DANCES

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor
    x
    i want to give india map clicking on any state will display its folk dances or anything about that state
    Is your feature request related to a problem? Please describe.
    A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Additional context
Add any other context or screenshots about the feature request here.

CSS Background synced hover menu

  • Hacktoberfest Participant

I want to add a CSS based project to this repository. The project is called Background synced hover menu.

Screenshot (8)
Screenshot (9)

Css Card Animation

Open Source Love

Css Card Animation

Want to make a beautiful html and Css card with animation .
please assigned me for it.
regards,

Water Fill Text Animation

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Additional context
Add any other context or screenshots about the feature request here.

Card hovering effect

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • [ x] Hacktoberfest Participant
  • [ x] Contributor

A card hovering effect that a card laying flat (not completely flat) will start erect when hovered on
@Anjuli08 assign this to me

Create a skeleton showcase page

  • Hacktoberfest Participant
  • Contributor

This will create a page to showcase the css effects being contributed to your new repository.

The showcase page will be a very minimal page to start with just html and minimal css. There will be a

section to add buttons or a pull down menu with categories that link to the css effects.

scale rectangle element using css animation

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

Describe the solution you'd like
A clear and concise description of what you want to happen.

Additional context
Add any other context or screenshots about the feature request here.

Timeline using Html & CSS

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.
I would like to add my small project which is basically a timeline section.

Desktop View
image

Mobile View
image

Describe the solution you'd like
A Timeline project that is easy to use and helps learners understand the basic concept of CSS by implementing it. I used all the basic CSS and media queries to make the timeline project,

Additional context
I think these help the beginners in better understanding of website designing.

Bubbles Effects Layout Issue

Issue Preview

issue1

Issue Description

There is a Scroll Effects on both VERTICAL and HORIZONTAL which is really don't need for this Single Page.

3D-Text-Animation

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • [ 'x'] Hacktoberfest Participant
  • ['x' ] Contributor

Is your feature request related to a problem? Please describe.
Hey!! I would like to create a 3D text animation using html and css..
Thanks!!

Animated Card Layout

Project Preview

Animated Card Layout

Project Description

An animated Card Layout that when you hover on it. It will float with a shadow and have a button.

3d text animation

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

I would like to add 3d text animations

Additional context
Add any other context or screenshots about the feature request here.

CSS Flying birds

Hi! I'd like to create a CSS animation of birds flying across the screen. Please assign me if you're happy for me to add this in.

Tic Tac Toe Game (HTML, CSS, JS)

To create an issue, edit this template to fill your details as well as describe your issue and then post it.
add 'x' to the relevant to define you

  • Hacktoberfest Participant
  • Contributor

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

  • I want to add a CSS and JavaScript-based project to this repository. The project is called Tic Tac Toe game.
  • Kindly assign this issue to me. Thank you😊

The Simon Game

The game creates a series of tones and lights and requires a user to repeat the sequence by clicking on the displayed colors.
@Anjuli08 kindly assign me this under HacktoberFest 2022.

Glassmorphic CSS Layout Issue

Issue Preview

issue2

Issue Description

Login Form should be positioned in the Centered and the Background Image is repetitive.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.