css

Superscript in CSS only?

You can do superscript with vertical-align: super, (plus an accompanying font-size reduction). However, be sure to read the other answers here, particularly those by paulmurray and cletus, for useful information.

Gradient borders

WebKit now (and Chrome 12 at least) supports gradients as border image: Prooflink — http://www.webkit.org/blog/1424/css3-gradients/Browser support: http://caniuse.com/#search=border-image

Responsive font size in CSS

The font-size won’t respond like this when resizing the browser window. Instead they respond to the browser zoom/type size settings, such as if you press Ctrl and + together on the keyboard while in the browser. Media Queries You would have to look at using media queries to reduce the font-size at certain intervals where it starts breaking your design and creating scrollbars. … Read more

How can I scroll to an element using jQuery?

JavaScript answer If you would like to scroll to an element smoothly with “pure JavaScript” you could do something like this: More information is here: Element.scrollIntoView() NOTE: Please see Can I use… Support tables for HTML5, CSS3, etc. for the latest browser support… jQuery answer If you would like to scroll to an element smoothly using jQuery then … Read more

Using CSS for a fade-in effect on page load

Method 1: If you are looking for a self-invoking transition then you should use CSS 3 Animations. They aren’t supported either, but this is exactly the kind of thing they were made for. CSS Demo http://jsfiddle.net/SO_AMK/VV2ek/ Browser Support All modern browsers and Internet Explorer 10 (and later): http://caniuse.com/#feat=css-animation Method 2: Alternatively, you can use jQuery (or plain JavaScript; see the … Read more

Can I have an onclick effect in CSS?

The closest you’ll get is :active: However this will only apply the style when the mouse button is held down. The only way to apply a style and keep it applied onclick is to use a bit of JavaScript.

create a white rgba / CSS3

The code you have is a white with low opacity. If something white with a low opacity is above something black, you end up with a lighter shade of gray. Above red? Lighter red, etc. That is how opacity works. Here is a simple demo. If you want it to look ‘more white’, make it less … Read more

How do I vertically center text with CSS?

You can try this basic approach:  Run code snippetExpand snippet It only works for a single line of text though, because we set the line’s height to the same height as the containing box element. A more versatile approach This is another way to align text vertically. This solution will work for a single line … Read more

+ More