css3

CSS3-based Carousel in Any Direction Regardless of Order

I'm been trying to build a simple Carousel effect for a set of photos. Its is easy to do using the Effects library with PrototypeJS but I'm having problems understanding how to implement this with CSS3. I've built out some solutions but they have only worked if there order of the photos in the HTML is also the order in which you plan to...

Can this Flash tool be done with JavaScript (jQuery)/HTML5/CSS3?

This is a tool which builds a bicycle visually from components the user selects. What do you think, can this be done with HTML5/JavaScript (jQuery)/CSS3? What do I need to know to start? What do you think the trickier parts will be? http://www.hotcards.com/bikes_102/bikes.html ...

CSS3 column element should break earlier and centerized for Moz/Webkit

Hallo everyone. I'm trying to fit many small boxes in a big one. They should fit perfectly, the gaps between each small box should be optimized and everything without Javascript (later alittle for optimization). Tho, my question regards the CSS3 Column attributes. I've tried several things but can't find any good solution. There are two...

CSS3 transitions with variable heights?

I'm working on a layout that switches a div between two classes, one with a height of 0px. CSS3 animations scale the div height great. The only problem is that I want it to scale to the content height, instead of a set height. Is this possible with CSS3 transitions? Thanks all! ...

Can you use CSS3 to transition from height:0 to the variable height of content?

Can you use CSS3 to transition from height:0 to the variable height of content? ...

CSS gradients for firefox 3.5

What I'm trying to accomplish is creating a gradient using only css... What I'm doing works in all browsers except firefox 3.5...here's the code: #gradient { color: #fff; height:50px; padding:0; width:940px; margin:0 auto; background: -moz-linear-gradient(top, #CFE782 0%, #9BCB2A 2%,#5DA3...

How can I keep CSS3 text-shadow from overshadowing adjacent letters?

Hi guys, I am using a text-shadow effect on text that is rendered using WebKit. It works, but not well. I have white bolded text with the following setting for the text-shadow: text-shadow: rgba(0,0,0,0.9) 0px 0px 10px; You can see the unintended effect here (zoomed for detail). You can see the shadow going over the previous letter,...

Is Flash becoming a dying web technology? (long-term)

I'd like to see what your thoughts are regarding Flash and it's purpose in the future. We all know what some of the pros and cons are for using Flash but with HTML5 growing rapidly, I can see Flash becoming less useful (perhaps even obsolete) unless new features are added to it. Take for example complex animation, fancy fonts, dynamic ...

Are these selectors part of CSS 2.1 or CSS 3?

Are these selectors part of CSS 2.1, CSS 3, or both? E[att^="val"] E[att$="val"] E[att*="val"] E:last-child E ~ F Arte these total available selectors in CSS? please tell which selector is part of which CSS version? * E .class #id E F E > F E + F E[attribute] E[attribute=value] E[attribute~=value] E[attribute|=value] :first-child :...

basic html css design of a box with image and title

Hi. I am not a very good designer. At least not with html and css. I have been using a very simple code like this: <fieldset style=\"color: #000000; border: 1px solid #000000; width: 225px; text-align: left; padding: 5px;\"> <legend style=\"color: #999999; font-weight: bold;\">Headline.</legend> <p>text</p> </fieldset> To output infor...

Any JavaScript Library that makes CSS3/HTML5 website work on all browsers, including IE6-8?

Is there any JavaScript Library that makes CSS3/HTML5 website fully work on all browsers, including IE6-8? Latest eCSStener and Modernizr does not make CSS3 work on IE6-8. ...

Contains an element with the target?

Is there any way only using CSS (no script) to check if an element such as a table contains another element such as with the target? I know that you can use the :target pseudo class for elements with the target, but I need the ability to select an element which contains the element with the target. If there's any way to using the :conta...

How can I create a color striped background, animated to slowly turn 360 degrees, using no raster images or js?

I got the idea to create a purely code-driven striped image background when I saw Katy Perry's website: http://www.katyperry.com/ Then I saw the animation of the rotating earth on FoWD's 404 page: http://futureofwebdesign.com/404 I believe this same concept should be possible using html5, css3 and canvas. Here's what I'm thinking: Have...

speechbubble tooltip using css and jquery

I want to create a Speech-Bubble tooltip using css3 or jquery for one of my websites.How can develop it? ...

How to create a button with gradient background and background image?

hi there, i'm trying to use some jquery client side validation for my asp.net 2.0 webform. and it seems that the normal input submit button can easily trigger the validation on click. but i'm currently using a three divs made up image button for this page, thus it doesn't auto trigger the validation. i was looking at css3 and found th...

CSS3 column-span property does not supported in Safari. Why ?

I need to flow my text in two columns. CSS3 is't fully implemented by all browsers, and i expected, that this property is called -webkit-column-span: all But, i faced a little problem - Safari 5 does not supports this feature ? I think, some reason should exists, why Apple has dropped this feature ... Maybe they are some alternativ...

Flash Obsolete, What about html5 or css3 is really that powerful?

i dont claim in any shape or form claim to be a Flash Activist, but apart from its obvious annoyances and discrepancies, any fool can see its couple of uses, that are in a big way reasonably important to the right consumer and website. There has been a lot of talk that HTML5 and CSS3 is the future of the web, so much so that ie9 is actu...

cross browsers css

jquery is cross browser , so it abstract javascript. is there any library for css that cross browser, so if i write for firefox, it will show nicely on any other browser, even older version of ie5,6 ? ...

Seeking opinions on vendor-specific prefixes

Specifically in relation to this article on 'A List Apart': http://www.alistapart.com/articles/prefix-or-posthack/ I was hesitant initially, as they did seem a bit hack-ish, but I've started working with the prefixes here and there for progressive enhancement and I've got to say that for me the technique has actually gotten me more exc...

Non-linear shadow in HTML design

Hi I'm trying to create a shadow that is wider in the top like in the picture below. It does not have to be very cross-browser, recent Firefox and WebKit based browser will do just fine. Does anyone have any good ideas on how to do this? ...