align-toparrow-leftarrow-rightbackbellblockcalendarcamerachatcheckchevron-downchevron-leftchevron-rightchevron-small-downchevron-small-leftchevron-small-rightchevron-small-upchevron-upcircle-with-crosscrosseditfacebookglobegoogleimagesinstagramlocation-pinmagnifying-glassmailmoremuplabelShape 3 + Rectangle 1outlookpersonplusImported LayersImported LayersImported Layersshieldstartwitteryahoo

HTML5 Web Application Developer Group Message Board › Links and demos from the CSS3/SVG/Canvas discussion

Links and demos from the CSS3/SVG/Canvas discussion

Chance R.
user 10169113
Group Organizer
San Diego, CA
Post #: 1
CSS3 - Newest and Interesting Tags

border-radius

-webkit-border-radius: 35px;

-moz-border-radius: 35px;

border-radius: 35px;

http://www.css3.info/...­

Multiple Backgrounds

background:url("http://www.google.com...­) no-repeat scroll left top, url("http://l1.yimg.com/a/...­) no-repeat scroll 11px 11px, url("http://p.ebaystatic.c...­) no-repeat scroll left bottom;

http://www.css3.info/...­

Border Image

border-image: url(border.png) 27 27 27 27 round round;

http://www.css3.info/...­

Outline

outline-offset: 12px; and the outline as outline: 2px solid blue;

http://www.css3.info/...­

Columns

http://www.csscriptin...­

Transforms

http://www.zachstrona...­

http://www.zachstrona...­

Text-shadow

http://www.westciv.co...­

http://www.zachstrona...­

text-shadow: 2px 2px 7px #111;

text-shadow: 0px -11px 10px #C60, 0px -3px 9px #FF0;

Font-face

http://randsco.com/in...­

TypeKit

Spining Cube

http://www.paulrhayes...­

Paper Bird

http://www.romancorte...­

Rolling Coke Can

http://www.romancorte...­

Paralax

http://www.romancorte...­

Space

http://media.24ways.o...­

Matrix

http://girliemac.com/...­

Mac Dock

http://www.zurb.com/p...­

Coverflow

http://paulbakaus.com...­

DJ

http://demo.marcofoli...­

Falling Leaves

http://webkit.org/blo...­

Rotating Gallery

http://samples.webmat...­

Star Wars Crawl

http://www.gesteves.c...­

AT-AT

http://anthonycalzadi...­

SVG

What is SVG?

Vector art means it deals in shapes
http://people.mozilla...­
Adobe Illustrator export

Inkscape

Easily Scriptable Objects

CloudCanvas drawing and show source

path, image, rect, etc.

Spinning Octohedra

http://srufaculty.sru...­

Intersections

http://www.kevlindev....­

SVG 3D

http://www.kevlindev....­

Variable Stroke

http://www.kevlindev....­

Catch em

http://www.kevlindev....­

Canvas
What is Canvas?
Raster means it deals in pixels
http://people.mozilla...­

Must redraw entire frame for animation

Good for gaming and quick screen buffer blitting

Hip Groove Play

http://9elements.com/...­

Wonky Draw

http://bomomo.com/...­

Wolfenstein

http://devfiles.myope...­


http://www.thewildern...­
Powered by mvnForum

Our Sponsors

People in this
Meetup are also in:

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy