Coder Social home page Coder Social logo

khalidmesbah / 100-days-css-challenge Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 427 KB

My solution for the 100 days css challenge

HTML 24.98% SCSS 69.40% JavaScript 1.86% Slim 2.01% CSS 1.75%
100dayscss 100daysofcode css3 html5 scss slim svg svg-animation

100-days-css-challenge's Introduction

100 DAYS CSS CHALLENGE

100 Days CSS Challenge Logo

🥈 The silver middle owner 🏆

My Solutions for 100 Days CSS Challenge. Inspired by Matthias Martin.

You can check out my progress from here => khalidMesbah.

The Status The Challenge My Solution
✅ You Can See The Full List On Codepen.io The PlayList On Codepen.io
✅ 100 Days CSS Challenge #001 ==> Title Solution/preview
✅ 100 Days CSS Challenge #002 ==> Menu Icon Solution/preview
✅ 100 Days CSS Challenge #003 ==> The Pyramide Solution/preview
✅ 100 Days CSS Challenge #004 ==> Loading Solution/preview
✅ 100 Days CSS Challenge #005 ==> Statistic Solution/preview
✅ 100 Days CSS Challenge #006 ==> Profile Solution/preview
✅ 100 Days CSS Challenge #007 ==> Notifications, Search and Menu Solution/preview
✅ 100 Days CSS Challenge #008 ==> Metaballs Solution/preview
✅ 100 Days CSS Challenge #009 ==> Rainy Night Solution/preview
✅ 100 Days CSS Challenge #010 ==> Watch Solution/preview
✅ 100 Days CSS Challenge #011 ==> These Boots Are Made For Walking Solution/preview
✅ 100 Days CSS Challenge #012 ==> Tooltip Solution/preview
✅ 100 Days CSS Challenge #013 ==> User Gallery Solution/preview
✅ 100 Days CSS Challenge #014 ==> Byciclopter Solution/preview
✅ 100 Days CSS Challenge #015 ==> Upload Solution/preview
✅ 100 Days CSS Challenge #016 ==> Blobby Solution/preview
✅ 100 Days CSS Challenge #017 ==> Penrose Triangle Solution/preview
✅ 100 Days CSS Challenge #018 ==> Elastic Solution/preview
✅ 100 Days CSS Challenge #019 ==> Slider With Radio Buttons Solution/preview
✅ 100 Days CSS Challenge #020 ==> Mail Send Icon Solution/preview
✅ 100 Days CSS Challenge #021 ==> Pac Man Solution/preview
✅ 100 Days CSS Challenge #022 ==> FitnessTracker Solution/preview
✅ 100 Days CSS Challenge #023 ==> Animated Typography Solution/preview
✅ 100 Days CSS Challenge #024 ==> Button Solution/preview
✅ 100 Days CSS Challenge #025 ==> Map Marker Solution/preview
✅ 100 Days CSS Challenge #026 ==> Motivational Modal Solution/preview
✅ 100 Days CSS Challenge #027 ==> Checklist Solution/preview
✅ 100 Days CSS Challenge #028 ==> Ring Ring Solution/preview
✅ 100 Days CSS Challenge #029 ==> Search Field Solution/preview
✅ 100 Days CSS Challenge #030 ==> Random Line Solution/preview
✅ 100 Days CSS Challenge #031 ==> Pendulum Wave Solution/preview
✅ 100 Days CSS Challenge #032 ==> Counter Solution/preview
✅ 100 Days CSS Challenge #033 ==> Sunny Day Solution/preview
✅ 100 Days CSS Challenge #034 ==> Hello Solution/preview
✅ 100 Days CSS Challenge #035 ==> Loading Circle Solution/preview
✅ 100 Days CSS Challenge #036 ==> Tabs Solution/preview
✅ 100 Days CSS Challenge #037 ==> Carousel Solution/preview
✅ 100 Days CSS Challenge #038 ==> Logo Transition Solution/preview
✅ 100 Days CSS Challenge #039 ==> Menu Toggle Solution/preview
✅ 100 Days CSS Challenge #040 ==> Gallery Solution/preview
✅ 100 Days CSS Challenge #041 ==> Error Modal Solution/preview
✅ 100 Days CSS Challenge #042 ==> Stars Solution/preview
✅ 100 Days CSS Challenge #043 ==> Lightbulb Solution/preview
✅ 100 Days CSS Challenge #044 ==> Twisted Pyramid Solution/preview
✅ 100 Days CSS Challenge #045 ==> Button Solution/preview
✅ 100 Days CSS Challenge #046 ==> Iris Circles Solution/preview
✅ 100 Days CSS Challenge #047 ==> Pixel Art Solution/preview
✅ 100 Days CSS Challenge #048 ==> 3D Cube Solution/preview
✅ 100 Days CSS Challenge #049 ==> CSS Follow Solution/preview
✅ 100 Days CSS Challenge #050 ==> Easter Egg Solution/preview
✅ 100 Days CSS Challenge #051 ==> CSS Counter Solution/preview
✅ 100 Days CSS Challenge #052 ==> Dot Wave Solution/preview
✅ 100 Days CSS Challenge #053 ==> Range Slider Solution/preview
✅ 100 Days CSS Challenge #054 ==> Waves Solution/preview
✅ 100 Days CSS Challenge #055 ==> Thermostat Solution/preview
✅ 100 Days CSS Challenge #056 ==> Flower Solution/preview
✅ 100 Days CSS Challenge #057 ==> Icosahedron Solution/preview
✅ 100 Days CSS Challenge #058 ==> 3D Sphere Solution/preview
✅ 100 Days CSS Challenge #059 ==> Slice Transition Solution/preview
✅ 100 Days CSS Challenge #060 ==> Blurry Overlay Solution/preview
✅ 100 Days CSS Challenge #061 ==> CSS Gradient Transition Solution/preview
✅ 100 Days CSS Challenge #062 ==> Price Table Solution/preview
✅ 100 Days CSS Challenge #063 ==> Hypnotic Ring Solution/preview
✅ 100 Days CSS Challenge #064 ==> Button Solution/preview
✅ 100 Days CSS Challenge #065 ==> Ellipses Animation Solution/preview
✅ 100 Days CSS Challenge #066 ==> Sparkle Checkbox Solution/preview
✅ 100 Days CSS Challenge #067 ==> 3D Parosal Solution/preview
✅ 100 Days CSS Challenge #068 ==> Recording Solution/preview
✅ 100 Days CSS Challenge #069 ==> Eye Solution/preview
✅ 100 Days CSS Challenge #070 ==> Calendar Days Solution/preview
✅ 100 Days CSS Challenge #071 ==> Morse Code Keyboard Solution/preview
✅ 100 Days CSS Challenge #072 ==> The Rings Solution/preview
✅ 100 Days CSS Challenge #073 ==> Word Carousel Solution/preview
✅ 100 Days CSS Challenge #074 ==> Pagination Solution/preview
✅ 100 Days CSS Challenge #075 ==> Spinning Discs Solution/preview
✅ 100 Days CSS Challenge #076 ==> Reveal Key Solution/preview
✅ 100 Days CSS Challenge #077 ==> Motion Blur Solution/preview
✅ 100 Days CSS Challenge #078 ==> Hover Shadow Solution/preview
✅ 100 Days CSS Challenge #079 ==> Lines Animation Solution/preview
✅ 100 Days CSS Challenge #080 ==> Flexbox Accordeon Solution/preview
✅ 100 Days CSS Challenge #081 ==> Jumping Ball Solution/preview
✅ 100 Days CSS Challenge #082 ==> Responding Button Solution/preview
✅ 100 Days CSS Challenge #083 ==> Warp Drive Solution/preview
✅ 100 Days CSS Challenge #084 ==> Book Cover Solution/preview
✅ 100 Days CSS Challenge #085 ==> It's Something Solution/preview
✅ 100 Days CSS Challenge #086 ==> Newton's Cradle Solution/preview
✅ 100 Days CSS Challenge #087 ==> Ruby Solution/preview
✅ 100 Days CSS Challenge #088 ==> Candle Solution/preview
✅ 100 Days CSS Challenge #089 ==> Animated Pattern Solution/preview
✅ 100 Days CSS Challenge #090 ==> Mouse Trap Solution/preview
✅ 100 Days CSS Challenge #091 ==> Cube Loader Solution/preview
✅ 100 Days CSS Challenge #092 ==> Dancing Points Solution/preview
✅ 100 Days CSS Challenge #093 ==> Padlock Solution/preview
✅ 100 Days CSS Challenge #094 ==> Tree Solution/preview
✅ 100 Days CSS Challenge #095 ==> Pig Solution/preview
✅ 100 Days CSS Challenge #096 ==> Jumping Square Solution/preview
✅ 100 Days CSS Challenge #097 ==> Puppet Solution/preview
✅ 100 Days CSS Challenge #098 ==> Plopp Solution/preview
✅ 100 Days CSS Challenge #099 ==> Icon Animation Solution/preview
✅ 100 Days CSS Challenge #100 ==> Neon Light Solution/preview

100-days-css-challenge's People

Contributors

khalidmesbah avatar

Stargazers

avatar avatar

Watchers

avatar avatar

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.