Here's my code:
<h3><a href="#" title="Desserts">Desserts</a> <span>+</span></h3>
And here's my style that accompanies said code:
#our_menu h3 span {
color: #eee;
display: block;
float: right;
font-size: 11.5pt;
margin-top: -25pt;
margin-right: 10pt;
text-shadow: 0px 1px 0px #240d00; }
#our_menu h3:first-child a {
border-top: 1px so...
This works:
a { color: hsla(0,100%,50%,0.2) }
And this does not:
img { color: hsla(0,100%,50%,0.2) }
Is there something like img { opacity: 1 } that allows to define hsl values to an image?
...
Webkit's blog post from last year on 3D transforms explains the various transform 'functions' that can be used in the -webkit-transform property. For example:
#myDiv {
-webkit-transform: scale(1.1) rotateY(7deg) translateZ(-1px);
}
My question: how do you access individual values in JavaScript? When you read the webkitTransform prop...
I'm trying to create a set of custom buttons that include a button with a "down arrow" icon to indicate that when you click it a drop-down menu will appear underneath it. The functionality works fine in all the browsers I'm supporting (IE7+, FF3+, Chrome, Safari 4+, Opera 10+), but the appearance is screwed up in IE7.
I can deal with th...
I'm writing a plugin that is reliant on CSS3 gradient background properties. I have no problem getting something like this to work:
$(this).css({ '-webkit-box-shadow': 'inset 2px 2px 5px #DEDEDE' });
However, this fails to work:
$(this).css({ 'background': '-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#FFFFFF))' })...
Is it possible to add something like Modernizr into your own plugin? I'd like to feature test for certain CSS3 properties without reinventing an already fantastic wheel.
...
I have an HTML 5 web page using CSS 3 and have tested it in more browsers than you can shake a stick at. I am getting a strange problem when viewing the page on an android phone...
When I visit the pages, all of the CSS renders, except the background colour (and luckily the foreground text colour). If I force-refresh the page, it then w...
I'm working on my personal website and when I originally designed it (http://flic.kr/p/83TsXa) it had two horizontal bars that where supposed to extend 100% of the total width of the website, but when I wrote the code I could not get the page to display properly (please see what I mean - www.gaspyweb.com). What am I doing wrong here? Wha...
I am trying to get the border radius property to work properly on a fieldset in Opera 10.6, but it does not appear to be working correctly.
Here is the html:
<form method="post" action="character.php" class="form">
<fieldset>
<legend>Insert</legend>
<label for="txtCharacter">Character</label>
<input type="...
Is there a way to achieve in iBooks an effect of Page float:
http://www.w3.org/TR/css3-gcpm/#page-floats
I tried using {float: top page} but didn't work. Seems that is not supported.
Would be very helpful for figures and pictures.
Thanks
...
Is there any way to render a PDF from a HTML doc styled with CSS3 Generated Content for Paged Media?
If there is not an application like that, what can I use as a base to build such a converter?
Thanks
...
I have the following line of CSS:
background: -webkit-gradient(linear, left top, left bottom, from(#243d63), to(#1a2638));
How can I make the background transparent, ie an opacity of .9, so the user can see what's under the div that has this style? Just for WebKit only concern...
Thanks
...
I was wondering if there was a tool that can "pre-process" CSS and automatically add experimental properties so they'll look the same on browsers that support it. For example, instead of writing:
.class {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px }
I could just write:
.class {
border-radi...
Hi All,
I just came across a simple flash animation on flip card
The Playing Card Effect
The card has 2 images "front" image and "back" image,
when clicked the card toggles with rotating along Z axis
showing the front and back face accordingly.
Can the same effect be achieved using HTML5 / Canvas / CSS3 ??
PS: I'm complete newbie/noob...
I realize that the CSS parser that GWT uses will only handle CSS2, but I am targeting iPhone Safari, so I want to be able to use some of the CSS3 stuff. For properties, I have been fine using the literal function provided by GWT, but I'm having trouble with CSS3 selectors - particularly the not() pseudo-class.
I have a bit of CSS like ...
I'm having a bit of a problem. I'm using FireFox 3.6 and have the following DOM structure:
<div class="view-row">
<div class="view-type">Type</div>
<div class="view-name">Name</div>
</div>
And the following CSS:
.view-row {
width:100%;
display:table-row;
}
.view-name {
display: table-cell;
float:right;
}
.vi...
I've been using the following CSS3 option to change the highlight color of text on a webpage. However, the only element on the webpage is a textarea, and the following CSS doesn't seem to do anything.
::selection { background:#B9B9B9; color:#000000; }
Am I doing it wrong? Is it possible to change the highlight color of a textarea? Or ...
Hello,
I am trying to code a clean html5 website. I am using the html5 boilerplate as the base of the website. It comes with modernizr. For the page title I am using text-shadow and font-face and have set up a small css fallback via modernizr (when one of the features is not available, a png image will be shown as background).
So the ...
i have this problem with my website css overflow-x:auto ; coincidently, when i try on stackoverflow.com . I can see stackoverflow also have similar problem. when i try to make my firefox/internet explorer 7 browser window screen smaller. i can see part of the screen on upper right hand-side and lower right hand-side not render properly....
I am using -ms-filter to get shadow effects working in IE. Is there a filter that I can use for rounded corners in IE? I do not want to use htc files. Thanks!
...