Skip to content

AdyaTech/100-Days-of-CSS

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

345 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

100 Days of CSS

Jumping into the Challenge using Vanilla CSS and a little bit of JavaScript.

Sr No. Project Name Link
1 100 Days Link
2 Menu Icon Link
3 The Pyramid Link
4 Loading Icon Link
5 Statistics Link
6 The Profile Link
7 All in One Pack Link
8 Metaballs Link
9 Rainy Night Link
10 Health Check Link
11 Walk with Me Link
12 Vocab Link
13 Byciclopter Link
14 Photo Contact Link
15 Demo Upload Link
16 Blobby Link
17 Shy Penrose Link
18 Flexie Link
19 Color Slider Link
20 Mail It Link
21 Pac-Man Link
22 Fitness Tracker Link
23 Animated Typography Link
24 Button Link
25 Map Marker Link
26 Motivational Modal Link
27 CheckList Link
28 RingaRing Link
29 Search Field Link
30 Random Line Link
31 Pendulum Wave Link
32 Counter Link
33 Sunny Day Link
34 Hello Link
35 Loading Circle Link
36 Tabs Link
37 Carousel Link
38 Logo Transition Link
39 Menu Toggle Link
40 Gallery Link
41 Error Modal Link
42 Stars Link
43 Lightbulb Link
44 Twisted Pyramid Link
45 Hover Me Link
46 Iris Circles Link
47 Pixel Art Link
48 3D Rubik's Cube Link
49 CSS Follow Link
50 Easter Egg Link
51 CSS Counter Link
52 Dot Wave Link
53 Range Slider Link
54 Waves Link
55 Thermostat Link
56 Flower Link
57 Icosahedron Link
58 3D Sphere Link
59 Slice Transition Link
60 Blurry Overlay Link
61 CSS Gradient Transition Link
62 Price Table Link
63 Hypnotic Ring Link
64 Button Link
65 Ellipses Animation Link
66 Sparkle Checkbox Link
67 3D Parasol Link
68 Recording Link
69 Eye Link
70 Calendar Days Link
71 Morse Code Keyboard Link
72 The Rings Link
73 Word Carousel Link
74 Pagination Link
75 Spinning Discs Link
76 Reveal Key Link
77 Motion Blur Link
78 Hover Shadow Link
79 Lines Animation Link
80 Flexbox Accordion Link
81 Jumping Ball Link
82 Action Button Link
83 Warp Drive Link
84 Book Cover Link
85 It's something Link
86 Newton's Cradle Link
87 Ruby Link
88 Candle Link
89 Animated Pattern Link
90 Mouse Trap Link
91 Cube Loader Link
92 Dancing Points Link
93 Padlock Link
94 Tree Link
95 Pig Link
96 Jumping Square Link
97 Puppet Link
98 Plopp Link
99 Circle-Square Link
100 Neon Lights Link

Output

  1. 100 Days

Day 1

  1. Menu Icon

Day 2

  1. The Pyramid

Day 3

  1. Loading Icon

Day 4

  1. Statistics

Day 5

  1. The Profile

Day 6

  1. All in One Pack

Day 7

  1. Metaballs

Day 8

  1. Rainy Night

Day 9

  1. Health Check

Day 10

  1. Walk with Me

Day 11

  1. Vocab

Day 12

  1. Byciclopter

Day 13

  1. Photo Contact

Day 14

  1. Demo Upload

Day 15

  1. Blobby

Day 16

  1. Shy Penrose

Day 17

  1. Flexie

Day 18

  1. Color Slider

Day 19

  1. Mail It

Day 20

  1. Pac-Man

Day 21

  1. Fitness Tracker

Day 22

  1. Animated Typography

Day 23

  1. Button

Day 24

  1. Map Marker

Day 25

  1. Motivational Modal

Day 26

  1. CheckList

Day 27

  1. RingaRing

Day 28

  1. Search Field

Day 29

  1. Random Line

Day 30

  1. Pendulum Wave

Day 31

  1. Counter

Day 32

  1. Sunny Day

Day 33

  1. Hello

Day 34

  1. Loading Circle

Day 35

  1. Tabs

Day 36

  1. Carousel

Day 37

  1. Logo Transition

Day 38

  1. Menu Toggle

Day 39

  1. Gallery

Day 40

  1. Error Model

Day 41

  1. Stars

Day 42

  1. Lightbulb

Day 43

  1. Twisted Pyramid

Day 44

  1. Hover Me

Day 45

  1. Iris Circle

Day 46

  1. Pixel Art

Day 47

  1. 3D Rubik's Cube

Day 48

  1. CSS Follow

Day 49

  1. Easter Egg

Day 50

  1. CSS Counter

Day 51

  1. Dot Wave

Day 52

  1. Range Slider

Day 53

  1. Waves

Day 54

  1. Thermostat

Day 55

  1. Flower

Day 56

  1. Icosahedron

Day 57

  1. 3D Sphere

Day 58

  1. Slice Transition

Day 59

  1. Blurry Overlay

Day 60

  1. CSS Gradient Transition

Day 61

  1. Price Table

Day 62

  1. Hypnotic Ring

Day 63

  1. Button

Day 64

  1. Ellipses Animation

Day 65

  1. Sparkle Checkbox

Day 66

  1. 3D Parasol

Day 67

  1. Recording

Day 68

  1. Eye

Day 69

  1. Calendar Days

Day 70

  1. Morse Code Keyboard

Day 71

  1. The Rings

Day 72

  1. Word Carousel

Day 73

  1. Pagination

Day 74

  1. Spinning Discs

Day 75

  1. Reveal Key

Day 76

  1. Motion Blur

Day 77

  1. Hover Shadow

Day 78

  1. Lines Animation

Day 79

  1. Flexbox Accordion

Day 80

  1. Jumping Ball

Day 81

  1. Action Button

Day 82

  1. Warp Drive

Day 83

  1. Book Cover

Day 84

  1. It's something

Day 85

  1. Newton's Cradle

Day 86

  1. Ruby

Day 87

  1. Candle

Day 88

  1. Animated Pattern

Day 89

  1. Mouse Trap

Day 90

  1. Cube Loader

Day 91

  1. Dancing Points

Day 92

  1. Padlock

Day 93

  1. Tree

Day 94

  1. Pig

Day 95

  1. Jumping Square

Day 96

  1. Puppet

Day 97

  1. Plopp

Day 98

  1. Circle-Square

Day 99

  1. Neon Lights

Day 100

About

Starting the '100 Days' challenge using Vanilla CSS and a little bit of JavaScript.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors