WORKING TRAFFIC SIGNAL(PART #1) PURE CSS

Описание: Hey guys here I have created a traffic signal using only html and css files .I have made a virtual traffic signal that changes it's color with some specific time intervals.I have not used any javascript code for making it and i have made this whole signal by using only html and css .i have not used any image for the signal or the other things.
So,if you guys really enjoyed this video then please like share and subscribe.And if you have any doubts then please write us in the comment section below.
For more updates on this video watch part#2 ...
WOKING TRAFFIC SIGNAL(PART#2) PURE CSS



(1) #1 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #1 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(2) #2 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #2 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(3) #3 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #3 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(4) #4 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #4 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(5) #5 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #5 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(6) #6 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #6 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(7) #7 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #7  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(8) #8 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #8  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(9) #9 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #9 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(10) #10 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #10 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(11) #11 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #11 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(12)#12 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #12 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(13)#13 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #13  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(14)#14 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #14 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(15)#15 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #15  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(16)#16 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #16 MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(17)#17 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #17  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(18)#18 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #18  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(19)#19 MAKE PURE CSS3 ANIMATIONS/PRELOADER...
   • #19  MAKE PURE CSS3 ANIMATIONS/PRELOADER...  

(20)#1 TEXT TYPING ANIMATION
   • #1 AUTOMATIC TYPING ANIMATION(PURE CSS)  

(21)#2 TEXT TYPING ANIMATION
   • #2 AUTOMATIC REVERSE TYPING ANIMATION(PURE...  

(22)DOOR OPENING ANIMATION
   • DOOR OPENING  ANIMATION  

(23)CHARACTER WALKING ANIMATION(PURE CSS)
   • CHARACTER WALKING ANIMATION(PURE CSS)  

(24)#1 CAR ANIMATION
   • #1 CAR ANIMATION(PURE CSS)  

(25)#2 CAR ANIMATION
   • #2 CAR ANIMATION(PURE CSS)  

(26)HOW TO MAKE ANIMATED SOCIAL MEDIA ICONS(PURE CSS)
   • HOW TO MAKE ANIMATED SOCIAL MEDIA ICONS(PU...  

(27)HOW TO MAKE ANIMATED BUTTON(PURE CSS)
   • HOW TO MAKE AN ANIMATED BUTTON(PURE CSS)  

(28)3D TEXT ANIMATION(PURE CSS)
   • 3D TEXT ANIMATION(PURE CSS)  

(29)#1 SLIDING ANIMATION EFFECT(PURE CSS)
   • #1 SLIDING ANIMATION  EFFECT(PURE CSS)  

(30)#2 SLIDING ANIMATION EFFECT(PURE CSS)
   • #2 SLIDING ANIMATION  EFFECT(PURE CSS)  

(31)TEXT ANIMATION EFFECT(PURE CSS)
   • TEXT ANIMATION EFFECT(PURE CSS)  

(32)SHADOW ANIMATION EFFECT(PURE CSS)
   • SHADOW EFFECT ANIMATION(PURE CSS)  

(33)3D-CUBE IN CSS
   • 3D CUBE IN CSS (PURE CSS)  

(34)TEXT JUMPING FUNNY EFFECT
https://www.youtube.com/edit?o=U&vide...

(35)HORROR TEXT EFFECT(PURE CSS)
https://www.youtube.com/edit?o=U&vide...

(36)COFFEE CUP ANIMATION(PURE CSS)
   • CREATE A COFFEE CUP ANIMATION USING PURE C...  

(37)COFFEE CUP ANIMATION(PART #2) PURE CSS
   • CREATE A COFFEE CUP ANIMATION USING PURE C...