Re: [css-d] transform-style set to preserve-3d

2011-06-29 Thread Alan Gresley
On 30/06/2011 8:24 AM, Mark Volkmann wrote: I'm pretty sure I understand what setting -webkit-transform-style to preserve-3d is supposed to do, but I see no difference between that and the value flat. Can someone point me to an example that demonstrates a 3d effect during a flip (rotate) transfor

Re: [css-d] Background image position

2011-06-29 Thread Alan Gresley
On 30/06/2011 6:31 AM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions

Re: [css-d] CSS3 Resources Please

2011-06-29 Thread Elli Vizcaino
> > Hello CSS Discuss, > > > > Looking for some good CSS3 resources/sites. > > > > TIA > > Elli > > > > > http://www.css3.info/  http://www.css3.info/> > http://css3please.com/  http://css3please.com/> > http://www.w3.org/TR/css3-roadmap/  > http://www.w3.org/TR/css3-roadmap/> > http://www.slides

Re: [css-d] Background image position

2011-06-29 Thread John D
> While I appreciate your time, I was not looking to change the way the > page reacts to the viewport, just whether or not there is a better way > to do what I was already doing and if it is possible to have IE7 and 8 > react the same way as capable browsers. > I think Lasko got it dead right

Re: [css-d] CSS3 Resources Please

2011-06-29 Thread David Laakso
On 6/29/11 6:57 PM, Elli Vizcaino wrote: Hello CSS Discuss, Looking for some good CSS3 resources/sites. TIA Elli http://www.css3.info/ http://www.css3.info/> http://css3please.com/ http://css3please.com/> http://www.w3.org/TR/css3-roadmap/ http://www.w3.org/TR/css3-roadmap/> http://www.

[css-d] CSS3 Resources Please

2011-06-29 Thread Elli Vizcaino
Hello CSS Discuss, Looking for some good CSS3 resources/sites. TIA Elli __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List polic

Re: [css-d] Background image position

2011-06-29 Thread Tom Livingston
> Keep it simple. And readable on landing. > > markup > > css > > > > Folds to 400 in FF, Safari, Opera, and Chrome. > Folds to 600 in IE 7/8. > IE 9 not checked. > Not corrected for nor checked in IE 6.

Re: [css-d] Background image position

2011-06-29 Thread Tom Livingston
On Wed, Jun 29, 2011 at 6:04 PM, John D wrote: > > > > >> 1) Is the way I am achieving the effect completely bonkers? Am I >> overlooking a much simpler way? > > That is exactly the way to do what you are trying to do except that I would > fix the image position like this: > > #outer-wrap{backgro

Re: [css-d] Background image position

2011-06-29 Thread David Laakso
On 6/29/11 4:31 PM, Tom Livingston wrote: List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ Keep it simple. And readable on landing. markup css Folds to 400 in F

[css-d] transform-style set to preserve-3d

2011-06-29 Thread Mark Volkmann
I'm pretty sure I understand what setting -webkit-transform-style to preserve-3d is supposed to do, but I see no difference between that and the value flat. Can someone point me to an example that demonstrates a 3d effect during a flip (rotate) transform? -- R. Mark Volkmann Object Computing, Inc

Re: [css-d] CSS3 transitions only after load

2011-06-29 Thread Mark Volkmann
It turns out my issue was due to height and width animation, not font-size animation. I had height and width values set to 100% which are then calculated values. Those were being animated. I fixed it by being more specfic about what should be animated ... only -webkit-transform in my case. Thanks t

Re: [css-d] Background image position

2011-06-29 Thread John D
> 1) Is the way I am achieving the effect completely bonkers? Am I > overlooking a much simpler way? That is exactly the way to do what you are trying to do except that I would fix the image position like this: #outer-wrap{background: #fff url(../Bokeh.jpg) no-repeat fixed 50% top; } The al

Re: [css-d] CSS3 transitions only after load

2011-06-29 Thread L. David Baron
On Wednesday 2011-06-29 13:38 -0500, Mark Volkmann wrote: > I want to specify a transition for an element, but I only want it to > be used if a change is made to a property AFTER the page has loaded. > For example, > > #foo { > font-size: 24pt; > transition: all 1s linear; > -moz-transition all 1s

Re: [css-d] Background image position

2011-06-29 Thread Tom Livingston
List, I have a working example of what I am after: http://www.mlinc.com/tl-test/ In a capable browser, you can see how the large bg image is behaving. This is what I am after and I'm using a media query to achieve this. But I have a couple questions for you concerning the background image 1

Re: [css-d] CSS3 transitions only after load

2011-06-29 Thread David Hucklesby
On 6/29/11 11:38 AM, Mark Volkmann wrote: I want to specify a transition for an element, but I only want it to be used if a change is made to a property AFTER the page has loaded. For example, #foo { font-size: 24pt; transition: all 1s linear; -moz-transition all 1s linear; -webkit-transition al

[css-d] CSS3 transitions only after load

2011-06-29 Thread Mark Volkmann
I want to specify a transition for an element, but I only want it to be used if a change is made to a property AFTER the page has loaded. For example, #foo { font-size: 24pt; transition: all 1s linear; -moz-transition all 1s linear; -webkit-transition all 1s linear; } I don't want the change to f

Re: [css-d] Background image position

2011-06-29 Thread Tom Livingston
On Jun 29, 2011, at 1:11 AM, Alan Gresley wrote: > On 29/06/2011 1:55 PM, John D wrote: >> On 29/06/2011 9:01 AM, Tom Livingston wrote: > >>> List, >>> >>> Is it possible to position a background image on the body of a page so >>> that the LEFT EDGE of the image is always at 50% of the viewpo