W3C.US

  • Increase font size
  • Default font size
  • Decrease font size
Welcome to the W3C.us

Use css3 to creating a 3D sphere

E-mail Print PDF

With CSS3’s 3D trans-forms I’ve illus-trated how to build a cube and a tetra-he-dron. It is also pos-si-ble to cre-ate a sphere-like object, albeit with many elements.

3D CSS Sphere
Works in the lat-est Safari and iOS and Chrome.

Last Updated on Tuesday, 02 August 2011 03:44 Read more...
 

3d animation using pure CSS3

E-mail Print PDF

The original post is in marcofolio.net.

A couple of days ago, somebody tweeted a great looking CSS3 example. I was absolutely stunned by the example And all that Malarkey created and was wondering how he was able to produce that kind of effect. I knew about the CSS3 transition property, but how to create that 3d effect?

At that point, I started digging through the Safari Reference Library, where I eventually found the Safari CSS Visual Effects Guide: Transforms page. This page describes a CSS property I've never seen before: -webkit-perspective.

 

Last Updated on Monday, 01 August 2011 04:32 Read more...
 

Use box shadow to beautify your html tabs.

E-mail Print PDF

I'd like to show you how to use the box-shadow property in CSS3.

The Syntax:

box-shadow: none | <shadow> [ , <shadow> ]*

<shadow> = inset? && [ <length>{2,4} && <color>? ]
Last Updated on Monday, 25 July 2011 03:45 Read more...
 

New implementation of tab in CSS3

E-mail Print PDF

Before html5 and css3, the javascript development library would provide a plugin or package for web developer to implement Tab in the pages.You can refer to YUI or jQuery.

But now, we can use the target pseudo class to do this, no touching the javascript...

 

Last Updated on Sunday, 17 July 2011 16:25 Read more...
 

Text with shadow in CSS3

E-mail Print PDF

As it is too simple, i do not want to tell you how to make text with shadow in CSS3.

The CSS code:

.text-with-shadow {
    text-shadow: 3px 5px 10px #000;
}

The 4 values stand for: the offset on x(3px), the offset on y(5px), the radius of blur(10px), the color value(#000 black).

The HTML code:

<p class="text-with-shadow">Hello world</p>

To see the demo.

Last Updated on Monday, 18 July 2011 23:25 Read more...
 

New Elements in HTML5 -- Canvas

E-mail Print PDF

The HTML5 specification includes a new element type: Canvas.

The Canvas element provide an easy way for the webpage designer to draw graphics in javascript or other web-base scripts.

Like the Graphics class in java, to draw graphics in Canvas, need to call/access its relative methods/attributes.

 

Last Updated on Monday, 21 February 2011 05:18 Read more...
 
  • «
  •  Start 
  •  Prev 
  •  1 
  •  2 
  •  3 
  •  4 
  •  5 
  •  Next 
  •  End 
  • »


Page 1 of 5

Polls

How do you find w3c.us?
 

Who's Online

We have 2 guests online

Advertisement

Featured Links:
Law support
W3C.US Law support.
Financial Times Man
The financial times man is our sponsor.
ICBC Payment
The biggest bank's payment networking.