KADIMI » CSS http://www.kadimi.com/en [Web developper, Linux addict, Technical translator...] Sun, 15 Jan 2012 10:48:29 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 Opera: CSS rotation and other transformations http://www.kadimi.com/en/opera-css-rotation-382 http://www.kadimi.com/en/opera-css-rotation-382#comments Fri, 01 Jan 2010 17:49:54 +0000 Nabil http://www.kadimi.com/en/?p=382 After the release of Opera 10.5 Alpha, it’s now be possible to rotate elements, this new release includes support for CSS3 rotation and other transitions and transforms, we may not longer need JavaScript for some basic transformations, have a taste:

The demonstration doesn’t show rotation, so the CSS for rotation under Opera is:

-o-transform:rotate(90deg);

FYI

When you install Opera 10.5 Alpha, your previous installation of Opera (Stable) is not removed, giving you the chance to test and compare…

Read

Find more about Crossbrowser CSS rotation at hakoniemi’s blog.

]]> http://www.kadimi.com/en/opera-css-rotation-382/feed/ 0 How to style input fields with CSS? http://www.kadimi.com/en/styling-input-fields-97 http://www.kadimi.com/en/styling-input-fields-97#comments Fri, 05 Jun 2009 11:13:56 +0000 Nabil http://www.kadimi.com/en/?p=97 bad input cssThere are situations where you need to style input fields depending on there types. Doing this is wrong: input{ border:solid 1px red; } As you see in the image, the CSS rule has been applied to all input fields (a text input field, and an image input) You can specify the type of input field [...]]]> There are situations where you need to style input fields depending on there types.

Doing this is wrong:

input{
    border:solid 1px red;
}
bad input css

As you see in the image, the CSS rule has been applied to all input fields (a text input field, and an image input)

You can specify the type of input field that you are targeting by doing like this:

input[type="password"]{
    border:solid 1px red;
}
good input css
]]> http://www.kadimi.com/en/styling-input-fields-97/feed/ 0