The Ashes

Technology, Science and other news
June 27, 2009

Fun with 3D CSS and video

Posted by : admin
Filed under : General

How about starting the week with something fun. Zach Johnson has been having fun with 3D effects via CSS such as his isocube above, which is brought to you with simple HTML (including a video tag for a playing video on the surface!) and some CSS like this:

PLAIN TEXT
CSS:

  1.  
  2. .face {
  3.     position: absolute;
  4.     width: 200px;
  5.     height: 200px;
  6.     overflow: hidden;
  7.     font-family: monospace;
  8.     font-size: 24px;
  9. }
  10.  
  11. .top {
  12.     top: 0;
  13.     left: 89px;
  14.     background: #fff;
  15.     color: #999;
  16.     -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
  17.     -moz-transform: rotate(-45deg) skew(15deg, 15deg);
  18. }
  19.  
  20. .left {
  21.     top: 155px;
  22.     left: 0;
  23.     background: #999;
  24.     color: #333;
  25.     -webkit-transform: rotate(15deg) skew(15deg, 15deg);
  26.     -moz-transform: rotate(15deg) skew(15deg, 15deg);
  27. }
  28.  
  29. .right {
  30.     top: 155px;
  31.     left: 178px;
  32.     background: #ccc;
  33.     color: #666;
  34.     -webkit-transform: rotate(-15deg) skew(-15deg, -15deg);
  35.     -moz-transform: rotate(-15deg) skew(-15deg, -15deg);
  36. }
  37.  
  38. .shadow {
  39.     top: 310px;
  40.     left: -89px;
  41.     background: black;
  42.     opacity: 0.5;
  43.     -webkit-transform: rotate(-45deg) skew(15deg, 15deg);
  44.     -moz-transform: rotate(-45deg) skew(15deg, 15deg);
  45. }
  46.  

Chris Blizzard posted his Open Video Conf talk on connecting HTML5 video showcasing the great demos of Paul Rouget 🙂

Tags :

No Comments

(required)
(will not be published) (required)
(opitional)

cciash.com EN ES IT DE PT CZ FR RU
June 2018
M T W T F S S
« Sep    
 123
45678910
11121314151617
18192021222324
252627282930  

Pages

Categories

Resources

There are many online poker site where you can play but at poker.hk you can play the poker games with all the knowledge you need related to the game with the poker school available in both the English and Chinese language.

Super Casino

Now you can bet on any sports and any sporting events from all the comfort from your home. Bet770 allows you to bet on any events and match with in just 3 clicks. They also offers great odds on football betting for every premier and champions league match. Get £50 free in bets when you register.

Bingo770, offering best online bingo games with £7.70 free no deposit Bonus!