GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - honsa/You-Dont-Need-JavaScript: CSS is powerful, you can do a lot of things without JS.

BranchesTags
Open more actions menu
 
 

Latest commit

 

History

1,102 Commits
1,102 Commits

Folders and files

NameName
Last commit message
Last commit date
3D Earth
3D Earth
 
 
3D Flipping Card Component
3D Flipping Card Component
 
 
3D Rotating Cube
3D Rotating Cube
 
 
3D Rotation Square
3D Rotation Square
 
 
3D card flip animation
3D card flip animation
 
 
3D transform
3D transform
 
 
3d_virtual_keyboard
3d_virtual_keyboard
 
 
Accordian_css_radio_rules
Accordian_css_radio_rules
 
 
Advanced Dancing Animation-tutorial
Advanced Dancing Animation-tutorial
 
 
Analog-clock
Analog-clock
 
 
Animated Loading Page
Animated Loading Page
 
 
Animated Navigation Menu-tutorial
Animated Navigation Menu-tutorial
 
 
Animated Slider
Animated Slider
 
 
Animated Submit Button
Animated Submit Button
 
 
Animated-Text
Animated-Text
 
 
Animated_Iphone_design
Animated_Iphone_design
 
 
Assests
Assests
 
 
Author
Author
 
 
BLOG POST CARDS
BLOG POST CARDS
 
 
Baby Yoda Animation
Baby Yoda Animation
 
 
Badges
Badges
 
 
Bitcoin-website
Bitcoin-website
 
 
Blinking Card
Blinking Card
 
 
Book Animation
Book Animation
 
 
Business-Card
Business-Card
 
 
Button Neon
Button Neon
 
 
Button
Button
 
 
CSS Toggle
CSS Toggle
 
 
CSS-Grid Layout Generator
CSS-Grid Layout Generator
 
 
CSS-Loader/purnasth
CSS-Loader/purnasth
 
 
Calender
Calender
 
 
Captain America Shield
Captain America Shield
 
 
Cards
Cards
 
 
Clock-App
Clock-App
 
 
CodePenAnimation
CodePenAnimation
 
 
Coffee Machine Animation
Coffee Machine Animation
 
 
CompassLoader
CompassLoader
 
 
Css Tables
Css Tables
 
 
Cube 360 view
Cube 360 view
 
 
Cursor
Cursor
 
 
DVD Screen Saver
DVD Screen Saver
 
 
Dancing Alphabets
Dancing Alphabets
 
 
Debit Card Hover Effect
Debit Card Hover Effect
 
 
FAQ SECTION
FAQ SECTION
 
 
Glassmorphism login page
Glassmorphism login page
 
 
Growing-flower
Growing-flower
 
 
Horizontal image slider
Horizontal image slider
 
 
Image Slider
Image Slider
 
 
Image-Hover-Effect
Image-Hover-Effect
 
 
Implement Interactive Tech Showcase Cards
Implement Interactive Tech Showcase Cards
 
 
Jumping Ball
Jumping Ball
 
 
Landing Page
Landing Page
 
 
Light Bulb Animation
Light Bulb Animation
 
 
Loading
Loading
 
 
Login
Login
 
 
Login_Page
Login_Page
 
 
MakemyTrip
MakemyTrip
 
 
MasteCard
MasteCard
 
 
Modern-Accordion-and-FAQ
Modern-Accordion-and-FAQ
 
 
Music
Music
 
 
NETFLIX CLONE
NETFLIX CLONE
 
 
NavBar
NavBar
 
 
Netflix-Clone-v2
Netflix-Clone-v2
 
 
New_Switch
New_Switch
 
 
Newtons Cradle
Newtons Cradle
 
 
Online_Book_Shop
Online_Book_Shop
 
 
Panda_Animation
Panda_Animation
 
 
Parallax Effect Scroll
Parallax Effect Scroll
 
 
Parallax_Effect
Parallax_Effect
 
 
Pendulum
Pendulum
 
 
Portfoliowebsite
Portfoliowebsite
 
 
ProfileCards
ProfileCards
 
 
Progressbar On Scroll
Progressbar On Scroll
 
 
RGBcolorgame
RGBcolorgame
 
 
Rating-Star
Rating-Star
 
 
Responsive Footer
Responsive Footer
 
 
Responsive navbar
Responsive navbar
 
 
ScaryAnimation
ScaryAnimation
 
 
Scroll-Unblur-Text-Effect
Scroll-Unblur-Text-Effect
 
 
Scroll-Video-Animation
Scroll-Video-Animation
 
 
Search-bar and Tweet
Search-bar and Tweet
 
 
Shapes
Shapes
 
 
Shuffling squares
Shuffling squares
 
 
Simple Loader
Simple Loader
 
 
Slideshow/purnasth
Slideshow/purnasth
 
 
Sliding Images and NavBar
Sliding Images and NavBar
 
 
Social_media_icons
Social_media_icons
 
 
SolarSystem
SolarSystem
 
 
Square Animation
Square Animation
 
 
Square_Rotation_Animation
Square_Rotation_Animation
 
 
Top 10
Top 10
 
 
Travelling Website
Travelling Website
 
 
V2
V2
 
 
Weather
Weather
 
 
Web_Demo
Web_Demo
 
 
Zomato
Zomato
 
 
accordion
accordion
 
 
animation-box tutorial
animation-box tutorial
 
 
carousel_effect
carousel_effect
 
 
convert
convert
 
 

Repository files navigation

English | 简体中文

You Don't Need JavaScript

Join the community on Spectrum

Please be aware that the demos may exhibit significant accessibility issues, such as problems with keyboard navigation, speech synthesis, and progressive enhancement or degradation.

Style Guide:

## <a id="DemoSubject"></a>Carousel

[<img src="images/image1.png" height="230" title="Demo 1">](http://url-to-page)
[<img src="images/image2.png" height="230" title="Demo 2">](http://url-to-page)
[<img src="images/image3.png" height="230" title="Demo 3">](http://url-to-page)

**[⬆ back to top](#quick-links)**

Quick Links

  • You Don't Need JavaScript
  • Website Demo Using HTML CSS
  • Style Guide
  • Accordion / Toggle
  • Analog Clock
  • Animated Button
  • Animated Buttons
  • Badge
  • Bonfire
  • Book Animation
  • Bubble
  • Bus
  • Burger Menu
  • Button Animation
  • Button Hover & Click Animation
  • Button with Rotating Text & Ripple Animation
  • Baby Yoda Animation
  • Captain America Shield
  • Carousel
  • Compass Loader
  • City Animation Footer
  • Carousel Effect
  • Counter of Checked Checkboxes
  • Download_buttons
  • Dog Box Animation
  • Dropdown Menu
  • Dynamic Image Colorizing
  • Enable Dark Mode
  • Fancy Menu
  • Flip on Click
  • Floating Label on Textfield
  • Floating Labels V2
  • Font-Face (Latin)
  • Footer
  • Gradient Animation
  • Growing Flower
  • Horizontal image slider
  • Image Gallery
  • Image Hover Effect
  • Infinite Carousel
  • Info on Hover / Popover
  • Jumping Ball
  • Light Bulb Animation
  • Loaders
  • MasterCard
  • Mobile Menu Off Canvas
  • Modal/Popup
  • Mouse Tracking
  • NavBar
  • Neon Button
  • Neon Card
  • Netlix Clone v2
  • Neumorphism Card Design
  • Parallax Scrolling
  • Pendulum
  • Playing Card Animation
  • Profile Cards
  • Responsive Counter Showing # of Items That Didn't Fit Screen
  • Ripple Effect
  • Scary Animation
  • Scenery
  • Shake Button
  • Shuffling Squares
  • Star Wars Intro
  • Switch
  • Social Media Icons
  • Tables
  • Tabs
  • MakemyTrip
  • Text Spoiler Effect
  • Thank You Animation
  • Todo List
  • Tooltips
  • Treeview
  • Twitter Heart Animation
  • Book Animation
  • Zomato
  • Zoom When Hover
  • Debit Card Hover effect
  • Progress Bar On Scroll
  • Pricing Table
  • Contribution
    • Contributors
    • Contributing

Image Hover Effect

Image-Hover-Effect

⬆ back to top


CSS Toggle

Toggle Toggle

⬆ back to top


Text Spoiler Effect

Light Theme:

Dark Theme:

⬆ back to top

Blog Post Cards

⬆ back to top


Faq Section

⬆ back to top


Pricing Table

⬆ back to top


Social_media_icons

[]

⬆ back to top


Accordion / Toggle

⬆ back to top


Animated Buttons

⬆ back to top


 

Bus

Captain America Shield

⬆ back to top


Carousel

Carousel-Nepal

⬆ back to top


Counter of checked check-boxes

⬆ back to top


Flip on click

⬆ back to top


Flip on click

⬆ back to top


Animated Box

⬆ back to top


Analog-clock

⬆ back to top


⬆ back to top


Badge

⬆ back to top


Font-Face (Latin)

⬆ back to top


Website Demo

⬆ back to top


Travelling Website

⬆ back to top


Info on hover/ Popover

⬆ back to top


Image Gallery

⬆ back to top


Interactive Image Gallery

[]
[

⬆ back to top


Loaders

CSS-Loader-Purna

⬆ back to top


MasterCard

⬆ back to top


Dropdown Menu

⬆ back to top


Mobile menu off canvas

⬆ back to top


Burger Menu

⬆ back to top


Button Animation

⬆ back to top


Button Rotate and Ripple Animation

⬆ back to top


Button Hover Click Animation

⬆ back to top


Compass Loader

⬆ back to top


Fancy Menu

⬆ back to top


Footer

⬆ back to top


Modal/Popup

⬆ back to top


Mouse tracking

⬆ back to top


NavBar

⬆ back to top


Parallax scrolling

⬆ back to top


Tabs

⬆ back to top


Todo List

⬆ back to top


Tooltips

  • Demo

Treeview

⬆ back to top


Twitter Heart Animation

⬆ back to top


Book Animation

⬆ back to top


Dynamic Image Colorizing

⬆ back to top


DarkMode

⬆ back to top


Ripple Effect

⬆ back to top


Responsive Counter Showing # of Items That Didn't Fit Screen

⬆ back to top


A login Page with Glassmorphism Effect

[]

⬆ back to top


Neumorphism Card Design

⬆ back to top


Neon Button

⬆ back to top


Neon Card

⬆ back to top


Netflix Clone Demo

⬆ back to top


Shake Button

⬆ back to top


Shake Button

⬆ back to top


Download buttons

⬆ back to top


Dog Box Animation

⬆ back to top


Thankyou-Animation

⬆ back to top


Square_rotation_animation (Latin)

⬆ back to top


Switch

⬆ back to top


Bonfire

⬆ back to top


Scenery

⬆ back to top


Bubble

⬆ back to top


Flower

⬆ back to top


Jumping Ball

⬆ back to top


Light Bulb Animation

⬆ back to top


City animation footer

⬆ back to top


Smoke

⬆ back to top


Loader

⬆ back to top


Spiner

⬆ back to top


Fire

⬆ back to top


Flame

⬆ back to top


Shuffling squares

⬆ back to top


Floating-labelV2

⬆ back to top


scary-animation

⬆ back to top


infinite-carousel

⬆ back to top


growing-flower

⬆ back to top


Playing Card Animation

⬆ back to top


Star Wars Intro

⬆ back to top


Gradient Animation

⬆ back to top


Zoom when hover

⬆ back to top


Floating-labelV2

⬆ back to top


CSS Tables

Screenshot 2023-10-23 144658

⬆ back to top


3D Transform

animation

⬆ back to top


Animated Button

⬆ back to top


Css FLEX

Screenshot 2023-10-23 141538

Coffee-Animation

⬆ back to top


Basketball-Animation

⬆ back to top


Business-Card

img_source

⬆ back to top


SolarSystem

img_source

⬆ back to top


Pendulum

img_source

⬆ back to top


SlicedButton

img_source

⬆ back to top


Rating Star

img_source

⬆ back to top


DVD Screen Saver

img_source

⬆ back to top


ProfileCards

img_source img_source img_source img_source img_source img_source img_source

⬆ back to top


RotateSquare

[]

⬆ back to top


Stickman Animation

⬆ back to top


Clock App

img_source

⬆ back to top


MakemyTrip

img_source


⬆ back to top

Zomato

img_source


⬆ back to top

3D card flip transition

[]

⬆ back to top


Baby Yoda Animation CSS

⬆ back to top


Debit Card Hover Effect

Screenshot 2024-10-11 103321

⬆ back to top


Progress bar on scroll

⬆ back to top


Horizontal Image Slider

⬆ back to top


Carousel Effect

Download the demo video

⬆ back to top

Contributors

Thanks to these wonderful people who have contributed to this project!

Contributing

We welcome contributions from the community to make this project better. Feel free to fork the repository, make your changes, and submit a pull request. Be sure to follow our Code of Conduct.

For detailed guidelines on how to contribute, please refer to our CONTRIBUTING file.

⬆ back to top

Let's build something great together!

About

CSS is powerful, you can do a lot of things without JS.

Resources

Readme
GPL-3.0 license

Code of conduct

Code of conduct

Contributing

Contributing
Activity

Stars

1 star

Watchers

0 watching

Forks

0 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.