Hi, I want the word gallery to rotate vertically then reveal
Art/Art2. Currently I only have in place vendor prefixes for Chrome, if
you view the link in any browser other then Chrome all you will see is
blue h3 tag Art / Art2 overlapping the word gallery, and you may say
to me, uhh your
I want the word 'gallery' to rotate when hovered and the words Art/Art2,
which are suppose to be individual anchor links, but I haven't added them.
The CSS3 rotation transition is not working out, as I thought it would.
The word 'gallery' flickers ?
(I only have vendor prefixes for Chrome, I
if you picture a store tag..a rectangle with a hole at one end for the string,
and that end’s corners each snipped off at appx 45 degrees..
can CSS handle something like that, or would I be better of turning to HTML5
canvas?
Thank you
John
Sure, check out
http://codepen.io/search?q=taglimit=allorder=popularitydepth=everythingshow_forks=falsefor
some ideas
On Sun, Feb 9, 2014 at 4:02 PM, John Johnson j...@coffeeonmars.com wrote:
if you picture a store tag..a rectangle with a hole at one end for the
string, and that end's corners
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 k...@designdrumm.com wrote:
You don't. You use JavaScript or even better. jQuery. IMO.
jQuery would handle what your wanting very nicely.
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
Hey Kuzeko,
For the css part, you could try putting your text into a UL..
ul id=scroller
liLorem 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
Le 27 août 2013 à 14:52, L. David Baron dba...@dbaron.org 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
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 e...@l-c-n.com wrote:
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
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 e...@minerbits.com
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
w...@kuzeko.com
Hi all,
I am trying a simple animation: long text inside a box scrolling up.
Since I have multiple boxes they have different length, so I am trying to
use keyframe animation with top positioning with percent value.
Please find an example here:
http://jsfiddle.net/sKEnv/1/
As you can see the
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.
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
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
Le 27 août 2013 à 01:52, Chris Rockwell ch...@chrisrockwell.com 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,
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
me.
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
List,
I use selectivizr frequently. Do you use this or something like it?
What's your method for dealing with, for example, a lack of support
for:
p:nth-of-type(3n){
color: red;
}
TIA!
--
Tom Livingston | Senior Front-End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279
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
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
On Wed, Jun 12, 2013 at 4:31 PM, Frank Taylor pace...@madebypaceaux.com 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.
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:
style
.wrap div{width: 32%;margin-right:2%;float:left}
.wrap div + div +
On Wed, Jun 12, 2013 at 4:50 PM, Frank Taylor pace...@madebypaceaux.com 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
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
Define expanding left.
On Tue, Apr 23, 2013 at 1:13 PM, Anton Steiner oe2...@yahoo.de 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
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
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
__
css-discuss
Hello,
At the risk of tooting my own horn.
The bug report I filed a while back about the CSS3 validator not accepting
rgba, hsla, and being thrown on box-shadow has been fixed:
https://www.w3.org/Bugs/Public/show_bug.cgi?id=11880#c2
The only remaining items on the stylesheet I was testing that
On Sat, Jul 28, 2012 at 8:33 PM, Keith Purtell
keithpurt...@keithpurtell.com 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
--
On Jul 28, 2012, at 8:33 PM, Keith Purtell keithpurt...@keithpurtell.com
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
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 latter. Having onload trigger the JQuery
slide is a
Hi all,
I'm looking into using the new CSS3 multi-column module for a layout on a
site I'm working on, and I was wondering, is there a way to set unequal
widths on columns generated with column-count? I have a ul that I'd like
to display in two columns, but the items in the second half of the ul
hey all,
I continue to noodle away on my css3 animation sampler which I've moved to
http://sandyfeldman.com/resources/css3animation/
all the animations are set to trigger on hover and focus. Now - when you
go to this page using a touch screen device what happens? Is there a way
to trigger the
On Thu, Jun 28, 2012 at 1:58 PM, Sandy sfeld...@sympatico.ca 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
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,
On Thu, Jun 28, 2012 at 7:01 PM, Sandy sfeld...@sympatico.ca wrote:
http://sandyfeldman.com/resources/css3animation/
aside 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
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).
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
On Tue, Jun 26, 2012 at 12:48 PM, Sandy sfeld...@sympatico.ca 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
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
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,
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
On Tue, Jun 26, 2012 at 6:31 PM, Sandy sfeld...@sympatico.ca 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).
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
hey all,
I have been working on figuring out css3 animations and have come up
with a couple of test pages.
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
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
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
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 should go on
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
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 get
I've lurked on this list, but the level of expertise required to understand
posts is beyond my level. I've been to CSS3 design sites (w3school and
others).
I have 5 (may increase) boxes for data entry. Right now they'er vertically
aligned. I'm using ul rather than table because that seems more
Hello there,
I have a feasibility question to those on the list familiar with HTML5 and
CSS3 (which I began familiarizing myself with this Sunday).
Lately I had the unpleasant occasion of using Bayex for expert system
creation. As you may know, expert systems rely on knowledge base, which is
Hello CSS Discuss,
I thought one could use background-size in CSS3 for boxed element such as an H
tag, in place of having to specify a width and height property to the
declaration. But it seems you have to specify it any ways, in order for the
element to accommodate the actual size of the
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 inside
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
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
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.
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 borders,
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
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
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 seems like
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-transparent
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
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
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':
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 the
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 img
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
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.
!DOCTYPE html
style type=text/css
#parent {
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 on the same values. Has this changed with CSS3?
Elli Vizcaino
Creating meaningful connections and
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
I believe this to still be the case.
On Wed, Oct 19, 2011 at 11:36 AM, Elli Vizcaino elli...@yahoo.com 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
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
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
Hi folks,
after several weeks of hard work on WP themes and Zend Framework
PayPal classes,
I moved back to my first love, CSS. and here's the result:
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
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
I am getting a Parse Error from the W3C Validator for CSS3 for the
following:
#header h1 {
font-family: Century Gothic, Geneva, Arial, Helvetica, sans-serif;
font-size: 5.5em;
font-weight: normal;
text-transform:lowercase;
color: #FF70B8;
line-height:
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 --
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
indicate that
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
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 firstcodeli/code in the list), which makes
it very difficult to click the link to the homepage.
FWIW, as a user with neurological/co-ordination
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
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...
http://chelseacreekstudio.com/nav.html
Good luck.
~d
--
http://chelseacreekstudio.com/
Hiding the site navigation is rarely a good idea.
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
c...@islaywebdesign.co.ukwrote:
On 06/07/11 05:53, Mark Ayers
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 tom...@gmail.com wrote:
http://www.ineedwebpage.com/
I have no idea what that's
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
c...@islaywebdesign.co.uk
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
c...@islaywebdesign.co.ukwrote:
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
On Wed, Jul 6, 2011 at 12:29 PM, Mark Ayers markthe...@gmail.com 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 pNav/p.
--
Tom Livingston | Senior Interactive Developer | Media Logic |
ph: 518.456.3015x231 |
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 white
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
breaking bugs.
Here's the problem. The
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 fix
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
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
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
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
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
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/ view-source:http://www.css3.info/
http://css3please.com/ view-source:http://css3please.com/
http://www.w3.org/TR/css3-roadmap/
Hello CSS Discuss,
Looking for some good CSS3 resources/sites.
TIA
Elli
http://www.css3.info/ view-source:http://www.css3.info/
http://css3please.com/ view-source:http://css3please.com/
http://www.w3.org/TR/css3-roadmap/
view-source:http://www.w3.org/TR/css3-roadmap/
1 - 100 of 202 matches
Mail list logo
