Tagged Questions

52
votes
4answers
32k views

CSS3 transition events

Are there any events fired by an element to check wether a css3 transition has started or end?
7
votes
6answers
28k views

How to style “input file” with CSS3 / Javascript?

I would like to style <input type="file" /> using CSS3. Alternatively, I would like user to press on a div (that I will style) and this will open the Browse window. Is that possible to do that ...
34
votes
6answers
10k views

How do I normalize CSS3 Transition functions across browsers?

Webkit's transition end event is called webkitTransitionEnd, Firefox is transitionEnd, opera is oTransitionEnd. What is a good way of tackling all of them in pure JS? Should I do browser sniffing? or ...
29
votes
11answers
20k views

Is there a way to curve / arc text using CSS3 / Canvas

I'm trying to curve text this effect using CSS3, HTML Canvas, or even SVG (see image below for example)? Is this possible? If so, how can I achieve this effect? Update: To clarify: The text that will ...
25
votes
6answers
5k views

Webkit and jQuery draggable jumping

As an experiment, I created a few div's and rotated them using CSS3. .items { position: absolute; cursor: pointer; background: #FFC400; -moz-box-shadow: 0px 0px ...
9
votes
4answers
4k views

Passing mouse clicks through an overlaying element <div>

Is it possible to pass mouse clicks through an overlaying element: - <div style="z-index: 100; background: url('../images/rain.24.png'); width: 100%; height: 100%; top: 0; bottom: 0; left: 0; ...
5
votes
3answers
3k views

How to combine jQuery animate with css3 properties without using css transitions?

In this example; i am trying to create a jQuery animation with css3 rotate property. I can manage this animation with css3 transition and jQuery css() but i want to do this with jQuery animate() for ...
31
votes
4answers
13k views

Callback on CSS transition

Is it possible to get a notification (like callback) when a CSS transition has been completed?
12
votes
6answers
10k views

CSS: A way to maintain aspect ratio when resizing a DIV?

I want to resize a DIV container as the window width changes via % width. Are there any new CSS3 rules that would allow the height to change according to the change of width, maintaining the original ...
26
votes
2answers
7k views

Is there a callback on completion of a CSS3 animation?

Is there any way to implement a callback function in case of css3 animation? In case of Javascript animation its possible but not finding any way to do it in css3. One way I could see is to execute ...
145
votes
5answers
14k views

Convert RGB-->RGBA

I have a hex color, e.g. #F4F8FB (or rgb(244, 248, 251)) that I want converted into an as-transparent-as-possible rgba color (when displayed over white). Make sense? I'm looking for an algorithm, or ...
57
votes
11answers
28k views

Optimize website for touch devices

On a touch device like iPhone/iPad/Android it can be difficult to hit a small button with your finger. There is no cross-browser way to detect touch devices with CSS media queries that I know of. So I ...
19
votes
6answers
11k views

Jquery Parallax Scrolling effect - Multi directional

I need to build a multi-directional JQuery parallax page for a client - they basically want it to work in a similar way to this - https://victoriabeckham.landrover.com/INT I have the artwork ready ...
13
votes
4answers
7k views

Performance of moving image on web page via CSS vs HTML5 Canvas

I have an image and move it around my web page (JavaScript) like this: satelliteImage.style.top = coordinates.top + "px"; satelliteImage.style.left = coordinates.left + "px"; Unfortunately, the ...
11
votes
2answers
1k views

Tool for checking unused CSS selectors?

I know there is an extension called Dust-Me Selectors for Firefox and also that it doesn't look at dynamic HTML generated by JavaScript. I'm looking for tool(s) that can identify all unused selectors ...

1 2 3 4 5 … 13
15 30 50 per page