Re: [css-d] CSS3 control over shapes?

Sure, check out http://codepen.io/search?q=tag&limit=all&order=popularity&depth=everything&show_forks=falsefor some ideas On Sun, Feb 9, 2014 at 4:02 PM, John Johnson wrote: > if you picture a store tag..a rectangle with a hole at one end for the > string, and that end's corners each snipped of

Re: [css-d] CSS3 Animation Top Position Percent problem

Hey Kuzeko, For the css part, you could try putting your text into a UL.. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum dolor doloremque consectetur nam fugit nostrum facilis delectus corrupti adipisci sit perferendis suscipit deleniti beatae nobis officia impedit eius solu

Re: [css-d] CSS3 Animation Top Position Percent problem

Hi Matteo, Transitioning and animating abstract measurements (as opposed to specified pixel values) has been a gripe for some time. A classic bugbear is the time-honoured collapse / expand downward, which relies on transitioning from a height of 0 to 100%. Lea Verou found this neat trick of using

Re: [css-d] CSS3 Animation Top Position Percent problem

Unfortunately It's either CSS or CSS for me, so will do some fixed height trick. -- Kuzeko On 28 August 2013 04:58, Karl DeSaulniers wrote: > You don't. You use JavaScript or even better. jQuery. IMO. > > jQuery would handle what your wanting very nicely. I for one avoid >

Re: [css-d] CSS3 Animation Top Position Percent problem

You don't. You use JavaScript or even better. jQuery. IMO. jQuery would handle what your wanting very nicely. I for one avoid animations with CSS. But that is just me I assume. Best, Karl Sent from losPhone On Aug 27, 2013, at 4:38 PM, Kuzeko Web Design - Matteo Lissandrini wrote: > Ok, t

Re: [css-d] CSS3 Animation Top Position Percent problem

Ok, thank you. But then, the question becomes: how do I accomplish that effect with only CSS? I.e., text of different length scrolling vertically from end to end without hardcoding px or a predefined height?? Thanks -- Kuzeko On 27 August 2013 22:30, Eric wrote: > ** > It'

Re: [css-d] CSS3 Animation Top Position Percent problem

It's more of a misbehavior than a bug. The Moz engineering team probably just decided not to go back and change it after the spec was finalized. It's sort of like how they're the only UA that doesn't support display: run-in. Back int he '90s a bug was opened on it and loads of note by senior engine

Re: [css-d] CSS3 Animation Top Position Percent problem

Thank you all for the answers, but now I am really confused. So is this supposed to do so or is a bug? Can you fork my example and show me how to have this work properly if this is possible? -- Kuzeko On 27 August 2013 08:28, Philippe Wittenbergh wrote: > > Le 27 août 201

Re: [css-d] CSS3 Animation Top Position Percent problem

Le 27 août 2013 à 14:52, "L. David Baron" a écrit : > Many of the other references in the CSS spec to things that are > based on the height of the containing block explicitly say that if > the containing block's computed height is 'auto', then the > percentage is as well. See, for example: > h

Re: [css-d] CSS3 Animation Top Position Percent problem

I think this may be because the 0% and 100% are key words for the selectors and the css animation is confused? Its probably trying to find the selector -120%. But I am guessing here. Does look like others have run across this and determined it was a bug. Karl DeSaulniers Design Drumm http://desi

Re: [css-d] CSS3 Animation Top Position Percent problem

On Tuesday 2013-08-27 14:05 +0900, Philippe Wittenbergh wrote: > I'm absolutely not clear why the percentage based animation actually works in > Firefox (and incidentally, Presto based Opera 12.x). And Eric notes it > doesn't seem to work in IE 11 (and IE 10?). That seems correct per spec to > m

Re: [css-d] CSS3 Animation Top Position Percent problem

Le 27 août 2013 à 01:52, Chris Rockwell a écrit : > This is a webkit thing, check it in Firefox and it should work. I'll need > to do more research to find out why. I'm absolutely not clear why the percentage based animation actually works in Firefox (and incidentally, Presto based Opera 12.x

Re: [css-d] CSS3 Animation Top Position Percent problem

I forgot to mention thisthe -moz- prefixes for animation are no longer necessary, haven't been for a couple of versions. __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/F

Re: [css-d] CSS3 Animation Top Position Percent problem

I read something about this a couple of months ago on the W3C CSS mail list. As I recall the discussion was about percentage positioning units not working per spec in Mozilla and one of the Moz engineers agreed. I can't seem to find it right now but it's worth a search. In both webkit and IE11 the

Re: [css-d] CSS3 Animation Top Position Percent problem

This is a webkit thing, check it in Firefox and it should work. I'll need to do more research to find out why. On Mon, Aug 26, 2013 at 12:31 PM, Kuzeko Web Design - Matteo Lissandrini < w...@kuzeko.com> wrote: > Hi all, > > I am trying a simple animation: long text inside a box scrolling up. >

Re: [css-d] CSS3 Selectors

Your one and only caveat is IE7: if there are HTML comments between the divs, then the adjacent sibling selector doesn't work. In the one case where our CMS was kicking out comments, I reverted to the non-adjacent selector: >> .wrap div ~ div ~ div {margin-right:0;} Mind you, if you're deal

Re: [css-d] CSS3 Selectors

On Wed, Jun 12, 2013 at 4:50 PM, Frank Taylor wrote: > In your exact use case,I've solved the problem by using the adjacent sibling > selector. More than three items and I consider things a little too messy; > I'll revert to JS or helper classes for more than three items: > > >> >> .wrap div{

Re: [css-d] CSS3 Selectors

In your exact use case,I've solved the problem by using the adjacent sibling selector. More than three items and I consider things a little too messy; I'll revert to JS or helper classes for more than three items: > > .wrap div{width: 32%;margin-right:2%;float:left} > .wrap div + div + div {

Re: [css-d] CSS3 Selectors

On Wed, Jun 12, 2013 at 4:31 PM, Frank Taylor wrote: > So far I've only had to really use the :nth-type selectors for tables, and > for creating some demos on layouts. > > When it comes to tables, I'd created an html table-maker that optionally > generates helper classes. > > Outside of tables,

Re: [css-d] CSS3 Selectors

So far I've only had to really use the :nth-type selectors for tables, and for creating some demos on layouts. When it comes to tables, I'd created an html table-maker that optionally generates helper classes. Outside of tables, I really haven't had projects that required :nth-child support

Re: [css-d] CSS3 Selectors

Are you using it for anything mission critical? Personally, I let something like that gracefully degrade. Or, looking at: http://caniuse.com/#search=nth- Seems like contemporary browsers have a handle on that. Sometimes I'll just make sure there's an alternative option (or, it degrades gracefully

Re: [css-d] CSS3 Transitions

Maybe you could use the 'left' property. Generally trial and error is incredibly easy with transitions: set the element to transition every property: element { transition: .3s; } Then try changing its properties on class or :hover / :focus state change, or modify its properties directly with

Re: [css-d] CSS3 Transitions

Define expanding left. On Tue, Apr 23, 2013 at 1:13 PM, Anton Steiner wrote: > Hello > CSS3 transitions are very amazing and i would try it for a > search-bar. But the bar shoud expand to left. Is this possible with > transitions? If found no solution to do so. > > Mny tx > Anton > > __

Re: [css-d] CSS3 slider box/image triggered by onload?

On Jul 28, 2012, at 8:33 PM, Keith Purtell wrote: > My client has her heart set on each page of her site featuring a different > image that slides in when the page loads. I found plenty of info about CSS3 > and JQuery slider boxes. I'll probably design for the former and fall back on > the lat

Re: [css-d] CSS3 slider box/image triggered by onload?

On Sat, Jul 28, 2012 at 8:33 PM, Keith Purtell wrote: > My client has her heart set on each page of her site featuring a different > image that slides in when the page loads. > > -Keith Purtell Call the image using a random image script? Best, David Laakso -- Chelsea Creek Studio http://ccst

Re: [css-d] css3 animation - do hover and focus work on touch screen devices?

On Thu, Jun 28, 2012 at 7:01 PM, Sandy wrote: http://sandyfeldman.com/resources/css3animation/ I only looked at your page in portrait-view. The mobile media queries are not kicking-in; consequently, it is simply a reduced width version of desktop-- the top horizontal links and the sidebar links

Re: [css-d] css3 animation - do hover and focus work on touch screen devices?

http://sandyfeldman.com/resources/css3animation/ Some of the animations work, but not all of them, in Android/2.3.6 [a low-end mobile touch screen device]. thanks for checking. I did get to see this on an older iPad and iPhone today, and it looks like the ones with a background pattern, bord

Re: [css-d] css3 animation - do hover and focus work on touch screen devices?

On Thu, Jun 28, 2012 at 1:58 PM, Sandy wrote: I continue to noodle away on my css3 animation sampler which I've moved to http://sandyfeldman.com/resources/css3animation/ Sandy, Some of the animations work, but not all of them, in Android/2.3.6 [a low-end mobile touch screen device]. That's a lo

Re: [css-d] css3 animations - page check please

On Tue, Jun 26, 2012 at 6:31 PM, Sandy wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? David, thanks so much for taking the time to go through these - this is really helpful. - 1 *is* just a colour change (as in starting small). maybe I should beef tha

Re: [css-d] css3 animations - page check please

http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and 9/ :: pass 3/ :: fails Opera/12.00 1/ Changes block background-col

Re: [css-d] css3 animations - page check please

3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet for Safari & Chrome. 2 questions: - does this work in pc browsers? - what's up with 3? A.1. If "this" refers to #3, you'll have the same problem A.2. You don't have a gradient defined for Webkit. Instead,

Re: [css-d] css3 animations - page check please

Sorry I have only a second to jump in - [>] First do you know about caniuse.com? Great resource for seeing what is supported and by whom. Next, Opera doesn't support the animation property yet try something like -o-transition: background-color .25s ease-out; just add :hover to the rule with the

Re: [css-d] css3 animations - page check please

On Tue, Jun 26, 2012 at 12:48 PM, Sandy wrote: http://sandyfeldman.com/css3animation/8test.shtml does this work in pc browsers? This end: HP Pavilion g4 Notebook PC Chrome/19.0.1084.56 1/ Changes block background-color-- no pattern. Intentional? 2/, 4/, 5/, 6/, 7, 8/ and 9/ :: pass 3/ :: fail

Re: [css-d] css3 animations - page check please

On 6/26/12 9:48 AM, Sandy wrote: You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml [...] 3 seems to only work in FF - I haven't figured out where I've scrambled the syntax yet fo

Re: [css-d] css3 animations - page check please

You do know that WebKit browsers, Opera and IE10 also support animations with the appropriate prefixes, I hope… http://sandyfeldman.com/css3animation/8test.shtml getting this to work in different browsers was surprisingly tricky (ignore the heap of rubble that's 1test to 7test please). I've

Re: [css-d] css3 animations

http://sandyfeldman.com/tests/animation/css3animation.html http://jigsaw.w3.org/css-validator/validator turns up 80 errors on the css, all connected to @-moz-keyframes and -moz-animation Under 'options', you can turn vendor prefixed stuff to 'warning'. thanks. You do know that WebKit bro

Re: [css-d] css3 animations

Le 23 juin 2012 à 04:45, Sandy a écrit : > > http://sandyfeldman.com/tests/animation/css3animation.html > > http://jigsaw.w3.org/css-validator/validator > turns up 80 errors on the css, all connected to > @-moz-keyframes and -moz-animation > is there a way to get the animations and have the css

Re: [css-d] CSS3 101

On 05/12/2012 10:27 PM, David Laakso wrote: > Thanks so much for the reply...even at this level I have to read it a > couple of times. > The pointer to a web search will be helpful. > Ted > > Putting your page on a public server and providing a clickable link to > it in your post to the list may

Re: [css-d] CSS3 101

Thanks so much for the reply...even at this level I have to read it a couple of times. The pointer to a web search will be helpful. Ted Putting your page on a public server and providing a clickable link to it in your post to the list may get you some replies of a more immediate and practical na

Re: [css-d] CSS3 101

On 05/12/2012 08:08 PM, Isabel Santos wrote: > Hi Ted, > > first of all, you use the tags that make sense for your content, > not because it is "css-ish". > If your data should be presented in a list, because for instance, > it constitutes a list of items, thats ok. > If it is tabular data, it shou

Re: [css-d] CSS3 101

Hi Ted, first of all, you use the tags that make sense for your content, not because it is "css-ish". If your data should be presented in a list, because for instance, it constitutes a list of items, thats ok. If it is tabular data, it should go on a table. As for the alignment, you are having is

Re: [css-d] CSS3 Opacity Inheritance

> Yes. The better approach is to use rgba colors for elements containing text. > That way only the box is affected and the text (or any other child elements) > remain unaffected. > > RGBA stands for red, green, blue, and alpha. So this declaration renders a > box > 80% opaque, while stuff ins

Re: [css-d] CSS3 Opacity Inheritance

On 21/10/2011 2:15 PM, Elli Vizcaino wrote: It seems like you get what inherit does/mean and and how it differs from what happens to child elements of a parent with opacity applied. Would you know how to explain the difference? Try this code Elli. #parent { color: white; background: gr

Re: [css-d] CSS3 Opacity Inheritance

On 10/20/2011 11:33 PM, Al Sparber wrote: On 10/20/2011 11:04 PM, Elli Vizcaino wrote: On 10/20/11 12:28 PM, Elli Vizcaino wrote: What I'm getting at is, if a box element gets an opacity property with a value of 0.5 for a semi transparent effect, do child elements such as text then display

Re: [css-d] CSS3 Opacity Inheritance

On Oct 21, 2011, at 12:26 PM, Elli Vizcaino wrote: >> View this testcase and compare the 2 boxes: >> http://dev.l-c-n.com/_temp/translucent-transparent.html > Just took a loot at the opacity sample. And of course I used, Firebug to > inspect code and firebug says that the opacity of 0.5 on the

Re: [css-d] CSS3 Opacity Inheritance

On Thursday 2011-10-20 20:09 -0700, Elli Vizcaino wrote: > The photoshop analogy helps me get it but then I guess I must be > misunderstanding the meaning of inheritance, can you tell me what > exactly does the definition of inherit mean? It means that the value of the property gets copied from th

Re: [css-d] CSS3 Opacity Inheritance

On Oct 21, 2011, at 12:09 PM, Elli Vizcaino wrote: > The photoshop analogy helps me get it but then I guess I must be > misunderstanding the meaning of inheritance, can you tell me what exactly > does the definition of inherit mean? Here is the CSS 2.1 definition of 'inherit': http://www.w3.or

Re: [css-d] CSS3 Opacity Inheritance

On 10/20/2011 11:26 PM, Elli Vizcaino wrote: Philippe Wittenbergh http://l-c-n.com/ Just took a loot at the opacity sample. And of course I used, Firebug to inspect code and firebug says that the opacity of 0.5 on the img has been inherited from div.a - this is why I'm confused and unsure t

Re: [css-d] CSS3 Opacity Inheritance

On 10/20/2011 11:04 PM, Elli Vizcaino wrote: On 10/20/11 12:28 PM, Elli Vizcaino wrote: What I'm getting at is, if a box element gets an opacity property with a value of 0.5 for a semi transparent effect, do child elements such as text then display in the browser at that same semi-transpa

Re: [css-d] CSS3 Opacity Inheritance

>> That seems like a contradictory statement and leaves me still somewhat > confused. What I'm getting at is, if a box element gets an opacity property > with a value of  0.5 for a semi transparent effect, do child elements such as > text then display in the browser at that same semi-transpare

Re: [css-d] CSS3 Opacity Inheritance

> I think what it means is the elements get opacity applied - parent and child > - > simultaneously as if they were separate elements. > > Out of curiosity, if it was inherited, would the opacity amount get > compounded > the more levels deep the elements went?? > > Sent from iOS 5 It se

Re: [css-d] CSS3 Opacity Inheritance

> On Oct 21, 2011, at 1:28 AM, Elli Vizcaino wrote: > >>> As David notes, the descendants of a box with opacity applied don't > inherit that opacity. The property is applied to the (block) box and all its > descendants. If what you want is a box with a semi-transparent background and > / >

Re: [css-d] CSS3 Opacity Inheritance

  > On 10/20/11 12:28 PM, Elli Vizcaino wrote: >> What I'm getting at is, if a box element gets an opacity property with > a value of  0.5 for a semi transparent effect, do child elements such as text > then display in the browser at that same semi-transparent value? >> Elli Vizcaino >> > >

Re: [css-d] CSS3 Opacity Inheritance

On Oct 21, 2011, at 1:28 AM, Elli Vizcaino wrote: >> As David notes, the descendants of a box with opacity applied don't inherit >> that opacity. The property is applied to the (block) box and all its >> descendants. If what you want is a box with a semi-transparent background >> and / or bord

Re: [css-d] CSS3 Opacity Inheritance

On 10/20/11 12:28 PM, Elli Vizcaino wrote: What I'm getting at is, if a box element gets an opacity property with a value of 0.5 for a semi transparent effect, do child elements such as text then display in the browser at that same semi-transparent value? Elli Vizcaino Try it and see. --

Re: [css-d] CSS3 Opacity Inheritance

I think what it means is the elements get opacity applied - parent and child - simultaneously as if they were separate elements. Out of curiosity, if it was inherited, would the opacity amount get compounded the more levels deep the elements went?? Sent from iOS 5 On Oct 20, 2011, at 12:28 PM

Re: [css-d] CSS3 Opacity Inheritance

>On Oct 20, 2011, at 12:36 AM, Elli Vizcaino wrote: > >> If I recall correctly, child elements inherit the opacity property of parent >> elements. Meaning, any text within a div with an opacity declaration would >> then also take on the same values. Has this changed with CSS3? > >As David notes,

Re: [css-d] CSS3 Opacity Inheritance

On Oct 20, 2011, at 12:36 AM, Elli Vizcaino wrote: > If I recall correctly, child elements inherit the opacity property of parent > elements. Meaning, any text within a div with an opacity declaration would > then also take on the same values. Has this changed with CSS3? As David notes, the de

Re: [css-d] CSS3 Opacity Inheritance

>What happens with opacity isn't inheritance, but it does affect all >the descendants of an element.  When an element has opacity less >than 1, the element and all of its descendants get drawn into a >buffer, and then, in a single step, that buffer is drawn with >opacity onto what's underneath the

Re: [css-d] CSS3 Opacity Inheritance

I believe this to still be the case. On Wed, Oct 19, 2011 at 11:36 AM, Elli Vizcaino wrote: > > > Hello CSS Discuss, > > If I recall correctly, child elements inherit the opacity property of parent > elements. Meaning, any text within a div with an opacity declaration would > then also take o

Re: [css-d] CSS3 Opacity Inheritance

On Wednesday 2011-10-19 08:36 -0700, Elli Vizcaino wrote: > If I recall correctly, child elements inherit the opacity property > of parent elements. Meaning, any text within a div with an opacity > declaration would then also take on the same values. Has this > changed with CSS3? What happens with

Re: [css-d] CSS3: creating social network icons? yes, we can!

On 9/6/11 12:36 PM, Gabriele Romanato wrote: http://onwebdev.blogspot.com/2011/09/css-create-social-network-icons.html dimensions are in ems, so they should fit your layout. I have to fix some accessibility issues related to the markup used in the demo. if you have any WAI-compliant solutions

Re: [css-d] CSS3 Parse Error on Filter:

The Parse Error is on the line: filter: Glow(color=#99, strength=2); >>> I thought filter was proprietary to IE? Maybe you could move the filter to an IE-specific stylesheet? >>> Good point. Sometimes the obvious is the most unobvious. Thank you, Dan

Re: [css-d] CSS3 Parse Error on Filter:

On Jul 23, 2011, at 9:12 AM, Dan Kaufman wrote: > I am getting a Parse Error from the W3C Validator for CSS3 for the > following: > > > I have Googled and Googled for some clue for what I have done to offend Mr. > Validator, but thus far every word on the subject I've found appears to > indicat

Re: [css-d] CSS3 Parse Error on Filter:

I thought filter was proprietary to IE? Maybe you could move the filter to an IE-specific stylesheet? __ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discu

Re: [css-d] [CSS3] [HELP] Nav menu bug

On 06/07/11 17:29, Mark Ayers wrote: It should work now. Theres still too much space at the top, but it doesn't jump around. It works fine on all three browsers, but the text saying "Nav" has vanished, making it very hard to find, especially on Firefox and Chromium, which don't display the whit

Re: [css-d] [CSS3] [HELP] Nav menu bug

On Wed, Jul 6, 2011 at 12:29 PM, Mark Ayers wrote: > It should work now. Theres still too much space at the top, but it doesn't > jump around. > The space appears to be coming from Nav. -- Tom Livingston | Senior Interactive Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | m

Re: [css-d] [CSS3] [HELP] Nav menu bug

It should work now. Theres still too much space at the top, but it doesn't jump around. On Wed, Jul 6, 2011 at 9:11 AM, Lesley Lutomski wrote: > On 06/07/11 16:41, Mark Ayers wrote: > >> This is the bug I'm trying to fix. Firefox is far worse because I >> develop for Webkit then add support for

Re: [css-d] [CSS3] [HELP] Nav menu bug

On 06/07/11 16:41, Mark Ayers wrote: This is the bug I'm trying to fix. Firefox is far worse because I develop for Webkit then add support for everything else, so I don't have the text written vertically in Firefox. On Wed, Jul 6, 2011 at 2:15 AM, Lesley Lutomski mailto:c...@islaywebdesign.co.uk

Re: [css-d] [CSS3] [HELP] Nav menu bug

There is no CSS rule making the first li 86px tall though. That's why I'm having trouble tracking this down. The fixed heights were an attempt to fix the bug. On Wed, Jul 6, 2011 at 7:56 AM, Tom Livingston wrote: > >> > >> http://www.ineedwebpage.com/ > >> > > > > I have no idea what that's supp

Re: [css-d] [CSS3] [HELP] Nav menu bug

This is the bug I'm trying to fix. Firefox is far worse because I develop for Webkit then add support for everything else, so I don't have the text written vertically in Firefox. On Wed, Jul 6, 2011 at 2:15 AM, Lesley Lutomski wrote: > On 06/07/11 05:53, Mark Ayers wrote: > >> http://www.ineedwe

Re: [css-d] [CSS3] [HELP] Nav menu bug

>> >> http://www.ineedwebpage.com/ >> > > I have no idea what that's supposed to do or why it is supposed to do it. > A simple menu less the obligatory jazz... > > Good luck. > ~d > > -- > http://chelseacreekstudio.com/ > Hiding the site navigation is rare

Re: [css-d] [CSS3] [HELP] Nav menu bug

On 7/6/11 12:53 AM, Mark Ayers wrote: http://www.ineedwebpage.com/ Okay, first things first. This only happens on screens wider than 1200px, as I have media queries set up since it overlaps content. It doesn't anymore since I made it hide itself, but I'll change that AFTER I fix the major site b

Re: [css-d] [CSS3] [HELP] Nav menu bug

On 06/07/11 05:53, Mark Ayers wrote: http://www.ineedwebpage.com/ When you hover over the lower ones, the menu compresses (specifically the firstli in the list), which makes it very difficult to click the link to the homepage. FWIW, as a user with neurological/co-ordination problems, I find

Re: [css-d] [CSS3] [HELP] Nav menu bug

On Jul 6, 2011, at 1:53 PM, Mark Ayers wrote: > http://www.ineedwebpage.com/ > > Okay, first things first. This only happens on screens wider than 1200px, as > I have media queries set up since it overlaps content. It doesn't anymore > since I made it hide itself, but I'll change that AFTER I fi

Re: [css-d] CSS3 Resources Please

> > 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] CSS3 Resources Please

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.

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

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] CSS3 transitions only after load

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] CSS3 transitions only after load

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

Re: [css-d] css3 buttons - hover and current state problems

On 6/18/11 8:37 AM, Stuart King wrote: Help, I need the current and hover states background to extend to the left and right edges. Currently the background stops several pixels from the edge. http://uncorkedventures.v1.vin65dev.com/html/shipping.html _

Re: [css-d] CSS3 animations - enter the matrix

At 1:25 AM +1000 4/17/11, Alan Gresley wrote: Moving on, the demo. http://css-3d.org/enter-the-matrix.htm Mondo kewl. Cheers, tedd -- --- http://sperling.com/ __ css-discuss [css-d@lists.css-discuss.org] http://www.css-

Re: [css-d] CSS3 animations - enter the matrix

On 4/16/11 8:58 AM, Gabriele Romanato wrote: This is awesome! :-) On Sat, Apr 16, 2011 at 5:25 PM, Alan Gresley wrote: http://css-3d.org/enter-the-matrix.htm I will in future put demos of this nature on this domain. http://css-3d.org/ I agree with Gabriele. It reminds me of time spent i

Re: [css-d] CSS3 animations - enter the matrix

This is awesome! :-) On Sat, Apr 16, 2011 at 5:25 PM, Alan Gresley wrote: > Hello all, > > > I have for years been smashing down barriers concerning CSS. This may have > been on this mailing list or on www-style (CSS WG). I came into this realm > of human endeavor just when CSS3 was starting to

Re: [css-d] CSS3 animation, transform, rotation, gradient and color

On 1/27/11 1:02 PM, Alan Gresley wrote: On 24/01/2011 1:58 PM, David Laakso wrote: These are really exciting and innovative trips in the avant-garde. Best, ~d PS An on/off switch might be a nice touch with some of them... Is that to stop the annoying animation or to pause it? Preventive

Re: [css-d] CSS3 animation, transform, rotation, gradient and color

On 24/01/2011 1:58 PM, David Laakso wrote: These are really exciting and innovative trips in the avant-garde. Best, ~d PS An on/off switch might be a nice touch with some of them... Is that to stop the annoying animation or to pause it? I have now figured out how to have them only go once.

Re: [css-d] CSS3 animation, transform, rotation, gradient and color

On 1/23/11 2:56 PM, Alan Gresley wrote: Hello list, Enjoy. Please view in Safari. Other interesting CSS3 can be found here. These are really exciting and innovative trips in the avant-garde. B

Re: [css-d] [css3] support for filters

Somehow www-st...@w3.org got dropped, CC to CSS WG list. Sorry for duplicates. On 6/01/2011 4:13 PM, Rik Cabanier wrote: Hello Rik. Can I please request that you comment inline (snipping irrelevant parts) instead of top posting. It will make this thread easier to follow. There is a good d

Re: [css-d] CSS3 transformations: rotate

On Oct 6, 2010, at 2:11 AM, Gabriele Romanato wrote: > http://onwebdev.blogspot.com/2010/10/css3-transformations-rotate.html > > Opera seems not to support it. -o-transform: rotate() works just fine here (as one would expect for something that is in a spec in early stages of development). Ph

Re: [css-d] CSS3 multiple background images

Good advice thanks! On Oct 5, 2010, at 5:52 PM, Alan Gresley wrote: Gabriele Romanato wrote: Hi, I think this post will be useful for beginners: http://onwebdev.blogspot.com/2010/10/css3-multiple-background-images.html HTH ^^/ bye Gabriele Romanato Hello Gabriele, Why not just use border ra

Re: [css-d] CSS3 multiple background images

Gabriele Romanato wrote: Hi, I think this post will be useful for beginners: http://onwebdev.blogspot.com/2010/10/css3-multiple-background-images.html HTH ^^/ bye Gabriele Romanato Hello Gabriele, Why not just use border radius for rounded corners. Leaves the multiple backgrounds for the

Re: [css-d] CSS3 multiple background images

On 10/3/10 10:48 AM, Gabriele Romanato wrote: Hi, I think this post will be useful for beginners: http://onwebdev.blogspot.com/2010/10/css3-multiple-background-images.html HTH ^^/ bye Gabriele Romanato Ah, just what I need! Timely. I had forgotten about that. Thanks :-) . Best, ~grassh

Re: [css-d] CSS3 media queries

On 9/30/10 4:46 AM, Bernat Lleonart wrote: I'm using CSS3 media queries on a site, and I'd like them to work on IE8 and older browsers. I've read about css3-mediaqueries-js (http://code.google.com/p/css3-mediaqueries-js/), but I don't know how to use the script. I'm including this on my ma

Re: [css-d] [+] css3 pie?

> Has anyone used this? > > css3pie.com No, but I just twitted this: CSS3 Playground by Mike Plate: http://css3.mikeplate.com/ /* cool stuff */ -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz __ css-d

Re: [css-d] CSS3 animations considered harmful

> > >> -Original Message- >> From: css-d-boun...@lists.css-discuss.org [mailto:css-d- >> boun...@lists.css-discuss.org] On Behalf Of david >> Sent: Wednesday, August 11, 2010 3:12 PM >> To: css-d >> Subject: Re: [css-d] CSS3 animations considered

Re: [css-d] CSS3 animations considered harmful

On 08/11/2010 04:39 PM, Climis, Tim wrote: > > >> -Original Message- >> From: css-d-boun...@lists.css-discuss.org [mailto:css-d- >> boun...@lists.css-discuss.org] On Behalf Of david >> Sent: Wednesday, August 11, 2010 3:12 PM >> To: css-d >

Re: [css-d] CSS3 animations considered harmful

David Laakso : > >CSS is a programming language: albeit, a very simple one. It copes with >"look and feel." Expanding CSS to include more than that is scary. But >therein may, or may not, lie the future. /Push the envelope./ Oh please, folks! CSS itself is not a programming language. It is a st

Re: [css-d] CSS3 animations considered harmful

> -Original Message- > From: css-d-boun...@lists.css-discuss.org [mailto:css-d- > boun...@lists.css-discuss.org] On Behalf Of david > Sent: Wednesday, August 11, 2010 3:12 PM > To: css-d > Subject: Re: [css-d] CSS3 animations considered harmful > > tedd wrote: &

Re: [css-d] CSS3 animations considered harmful

tedd wrote: > At 9:19 PM -0400 8/10/10, David Laakso wrote: >> Gabriele Romanato wrote: >>> Hi! >>> need some responses and criticisms about my opinions expressed right >>> here: >>> >>> >>> http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html >>> >>> HTH ^^/ >>> >>

Re: [css-d] CSS3 animations considered harmful

At 9:19 PM -0400 8/10/10, David Laakso wrote: >Gabriele Romanato wrote: >> Hi! >> need some responses and criticisms about my opinions expressed right >> here: >> >> http://onwebdev.blogspot.com/2010/08/css3-animations-considered-harmful.html >> >> HTH ^^/ >> > > Gabriele Romanato > > >CSS i

  1   2   >