CSS3 Fun Tests and Hackz

Category: CSS , Standards

>What would you get if you have a sample that used the following CSS3 features:

This, if you are viewing in FF3.1+:

All via:

PLAIN TEXT

HTML:

<style type="text/css" media="screen">
@font-face {
font-family: Delicious;
src: url('http://blog.mozilla.com/webdev/files/2009/02/delicious-roman.otf');
}
#css3test {
width: 350px;
margin: 0 auto;
background: #000;
padding: 20px;
color: #fff;
text-align:left;
-moz-border-radius: 10px;
text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;
-moz-box-shadow: 10px 10px 5px #888;
-moz-column-count: 3;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid white;
font-family: Delicious, sans-serif;
font-size:127% !important;
border: 8px solid #000;
-moz-border-bottom-colors:#CC0000 #BB0000 #AA0000 #990000 #880000 #770000 #660000 #550000;
-moz-border-left-colors:#CC0000 #BB0000 #AA0000 #990000 #880000 #770000 #660000 #550000;
-moz-border-right-colors:#CC0000 #BB0000 #AA0000 #990000 #880000 #770000 #660000 #550000;
-moz-border-top-colors:#CC0000 #BB0000 #AA0000 #990000 #880000 #770000 #660000 #550000;
}
</style>
<div id="css3test">
<p>This is a CSS3 awesome test. It demonstrates some of the awesome parts of CSS3 implemented in Firefox 3.1.</p>
</div>

Also, Daniel Glazman had a fun thought and discusses a technique that could get:

PLAIN TEXT

CSS:

@if-implemented { display: table-cell}
p { background-color: green; color: yellow}
@else-implemented;
p {background-color: red}
@endif-implemented;
p { font-size: large}

Comments Here »

Comments feed TrackBack URI

Ajax Questions and Answers

Caching and dynamic views
My client does not want to change his cache settings on IE and I'm trying to figure out a way to dynamically update a view each time it is visited. I...

IE 8 Crashing Problem
Hello Everyone, Here\'s the situation: two iSeries boxes - Dev and Prod both V5R4M0 We\'re using AJAX to dynamically load content using a tabbed...

JQuery Function Not Defined?
[div]Hi there,[/div] [div][/div] [div]I\'m trying to set a php session variable from a radio button. The idea is that a jquery function is called...