CSS3.com http://www.css3.com CSS3.com - A comprehensive CSS 3 reference guide, tutorial, and blog Tue, 31 Jan 2012 19:08:14 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Affecting another class http://www.css3.com/affecting-another-class/ http://www.css3.com/affecting-another-class/#comments Tue, 31 Jan 2012 19:08:14 +0000 Asdrubal http://www.css3.com/affecting-another-class/ Can css affect a cass before? e.g.

.html
<div class=”classone”></div>
<div class=”classtwo”></div>
<div class=”classtree”></div>

/*Css file*/
.classone .classtwo .classtree:hover{

background:#F00;}

or

.classone{}

.classtwo affect .classone{background:#F00;}

Can css affect .classone when .classtree is :hover without hierarchy?

]]> http://www.css3.com/affecting-another-class/feed/ 0 How could I align an input in the middle of a cell in the table horizontally? http://www.css3.com/how-could-i-align-an-input-in-the-middle-of-a-cell-in-the-table-horizontally/ http://www.css3.com/how-could-i-align-an-input-in-the-middle-of-a-cell-in-the-table-horizontally/#comments Sun, 29 Jan 2012 07:31:39 +0000 Faddel http://www.css3.com/how-could-i-align-an-input-in-the-middle-of-a-cell-in-the-table-horizontally/ I want to put an input inside a cell in the middle, it can be done with vertical-align:middle; but what about horizontal alignment?

]]> http://www.css3.com/how-could-i-align-an-input-in-the-middle-of-a-cell-in-the-table-horizontally/feed/ 0 Zoom with random point http://www.css3.com/zoom-with-random-point/ http://www.css3.com/zoom-with-random-point/#comments Wed, 25 Jan 2012 14:01:23 +0000 Asdrubal http://www.css3.com/zoom-with-random-point/ hy, I am very interested to know if this is css3 zoom effect decentralized, like this http://encantosdocerrado.com.br/n/4684

 

The zoon not have the same central point in each image, so this turn the effect very more rich!

i hope that css3 can do that too

]]> http://www.css3.com/zoom-with-random-point/feed/ 0 Applying Gradient to Text http://www.css3.com/applying-gradient-to-text/ http://www.css3.com/applying-gradient-to-text/#comments Wed, 25 Jan 2012 10:44:07 +0000 Tulasi Rajesh http://www.css3.com/applying-gradient-to-text/ Any Possibililty of applying Gradient to Text?

Please some body let me know whether it is possible or not.

 

]]> http://www.css3.com/applying-gradient-to-text/feed/ 2 How to set elements in its 360 degrees of space in html 5 http://www.css3.com/how-to-set-elements-in-its-360-degrees-of-space-in-html-5/ http://www.css3.com/how-to-set-elements-in-its-360-degrees-of-space-in-html-5/#comments Thu, 19 Jan 2012 12:09:52 +0000 suresh http://www.css3.com/how-to-set-elements-in-its-360-degrees-of-space-in-html-5/ I have a problem i am drawing a circle in canvas html 5 want to draw all circles around it in 360 degrees manner do we have any positioning which takes only degrees as positions and set other elements around it?

]]> http://www.css3.com/how-to-set-elements-in-its-360-degrees-of-space-in-html-5/feed/ 1 How to make font smooth http://www.css3.com/how-to-make-font-smooth/ http://www.css3.com/how-to-make-font-smooth/#comments Mon, 12 Dec 2011 07:35:41 +0000 Ramesh Joshi http://www.css3.com/how-to-make-font-smooth/ Hello,

 i am using “expod_black” fonts in my application, but this font is not looking good. How can i make my fonts smooth for all browsers in CSS . I tried following code for my font but its not working. 

body

{

 font-family: “ExpoD” , Verdana, Helvetica, Sans-Serif;

 

font-smooth: always; 

-webkit-font-smoothing: antialiased;

-moz-font-smoothing: antialiased;

-o-font-smoothing: antialiased;

font-smoothing: antialiased;

}

Can anyone help me on this issue for CSS 2 or in CSS 3

 

]]> http://www.css3.com/how-to-make-font-smooth/feed/ 1 Using experimental feature: HTML5 Conformance Checker. http://www.css3.com/using-experimental-feature-html5-conformance-checker/ http://www.css3.com/using-experimental-feature-html5-conformance-checker/#comments Thu, 08 Dec 2011 13:15:07 +0000 satish http://www.css3.com/using-experimental-feature-html5-conformance-checker/ i have check html5 code in wc3 validation show celow warning

Using experimental feature: HTML5 Conformance Checker.

The validator checked your document with an experimental feature: HTML5 Conformance Checker. This feature has been made available for your convenience, but be aware that it may be unreliable, or not perfectly up to date with the latest development of some cutting-edge technologies. If you find any issues with this feature, please report them. Thank you.

]]> http://www.css3.com/using-experimental-feature-html5-conformance-checker/feed/ 0 side fixed menu http://www.css3.com/dear-all/ http://www.css3.com/dear-all/#comments Thu, 01 Dec 2011 12:29:11 +0000 Sanjay Kumar http://www.css3.com/dear-all/ i want to create side fixed menu like in the http://www.css3.info/page/5/, where facebook link is showing..thanks !

]]> http://www.css3.com/dear-all/feed/ 1 Problem whit before and gradients http://www.css3.com/problem-whit-before/ http://www.css3.com/problem-whit-before/#comments Tue, 29 Nov 2011 15:05:41 +0000 ayax@grungezone.tk http://www.css3.com/problem-whit-before/ Hello, 
I am new to CSS, I really like and manage websites (Y) 
Well my problem esque want to add a pop-up images with CSS and good, I ended up with this code 

[Code].post-entry img{ border: 1px solid #FCFCFC;max-height: 150px; max-width: 200px;opacity: 0.9;transition-duration: 0.7s;-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s;}

.post-entry img:active {

  opacity: 1; zoom: 140%;

  max-height: 900px; max-width: 900px;

background: white;

background: -moz-linear-gradient(top, white 0%, #F6F6F6 47%, #EDEDED 100%);

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(47%,#F6F6F6), color-stop(100%,#EDEDED));

background: -webkit-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);

background: -o-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);

background: -ms-linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#ffffff’, endColorstr=’#ededed’,GradientType=0 );

background: linear-gradient(top, white 0%,#F6F6F6 47%,#EDEDED 100%);

transition-duration: 0.7s;-webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s; -o-transition-duration: 0.7s; padding: 20px;boder: 3px solid white;border-radius: 10px;-moz-border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-webkit-border-radius: 10px;

}.post-entry img:hover{opacity: 1;transition-duration: 0.5s;-webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

[/ Code] and it works, but I put the gradient is not, I know it does not work, my website (forum) is invision of forumotion: B and I want to add that the white degraded images of the post, anyone know how? 

_——————————————————————————————————————-_

Since I’m asking, wanted to know if you have any tutorial before or after, as I do notquite understand, but I think it is to add something before or after xD

]]> http://www.css3.com/problem-whit-before/feed/ 1 What deffrent beetwin css and css 3 http://www.css3.com/what-deffrent-beetwin-css-and-css-3/ http://www.css3.com/what-deffrent-beetwin-css-and-css-3/#comments Tue, 29 Nov 2011 08:04:29 +0000 satish http://www.css3.com/what-deffrent-beetwin-css-and-css-3/ http://www.css3.com/what-deffrent-beetwin-css-and-css-3/feed/ 1