donovanh/zelda donovanh/zelda

  • Stars
    star
    120
  • Rank 295,983 (Top 6 %)
  • Language
    CSS
  • Created over 11 years ago
  • Updated over 11 years ago
Twitter logo Share LinkedIn logo Share Facebook logo Share
donovanh/zelda
github

donovanh

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

CSS Zelda-inspired animation

CSS Zelda intro

A homage to my favourite game ever. This is created and animated using CSS & HTML.

Best viewed in a recent Chrome, Safari, or Firefox, as it makes use of some fancy CSS stuff.

Live demo

See it in action here.

Preview

See it in action

Tutorial

Read the full tutorial over at hop.ie.

More Repositories

1

portal

A 3D implementation of a scene from the first Portal game's "Orientation Video no 1".
Ruby
99
star
2

svelte-image-loading

An example of lazy-image loading using Svelte
HTML
59
star
3

stereoscopic

Experimenting with stereoscopic CSS objects
CSS
32
star
4

donovanh.github.com

Hop.ie content
HTML
31
star
5

particles

Some bouncing particles
25
star
6

seven

WWDC's "7" banner created using HTML and CSS
Ruby
18
star
7

react-animation-example

JavaScript
9
star
8

tweets

A Twitter authenticated search service that returns JSON, to benefit static sites wanting tweets.
JavaScript
8
star
9

covid-stats-ireland

A Covid dashboard for Ireland
JavaScript
7
star
10

reps

A SwiftUI project for bodyweight fitness tracking
Swift
5
star
11

tweets-plugin

A jQuery plugin for the Tweets Node.js app.
JavaScript
5
star
12

ideas.shopireland.ie

A blog for Shop Ireland
Nunjucks
4
star
13

cube

3D Cube with shading, created and animated using nothing but CSS.
Ruby
4
star
14

animation-101-source

JavaScript
3
star
15

activate

Activate sections of a page on scroll, so that elements can be animated using CSS
JavaScript
3
star
16

graphql-apollo-example

Some demo code for trying out GraphQL queries
JavaScript
2
star
17

wintersmith

A static site workflow
CSS
2
star
18

balls

Good looking CSS-only balls
CSS
2
star
19

computer

CSS
2
star
20

cssanimation-book

CSS
1
star
21

hypercube

Some CSS experimenting
CSS
1
star
22

cat-gif

A simple web component to show how web components are structured in vanilla JS
JavaScript
1
star
23

flower

A CSS flower
CSS
1
star
24

metalsmith-static-site

A test of creating static sites using Gulp for Sass, Browsersync etc, and with Metalsmith for tempting
JavaScript
1
star
25

duck

A rubber duck created using HAML & SASS, for fun.
1
star
26

jekyll-sass-gulp

A simple starting point for Jekyll sites using Gulp for some handy stuff
CSS
1
star
27

Quacker

A demo site made using Sinatra, Microsoft Translate, and some HTML/CSS
Ruby
1
star
28

date-token-format

A lightweight, locale aware formatter for strings containing unicode date tokens.
TypeScript
1
star
29

svelte.academy

Website for Svelte Academy
JavaScript
1
star
30

swift-design-system

Based on the talk, Creating a Design System with SwiftUI by Daniel Tull
Swift
1
star