Tagged Questions

35
votes
2answers
11k views

css transform, jagged edges in chrome

I've been using CSS3 transform to rotate images and textboxes with borders in my website. The problem is that the border look jagged in Chrome, like a (low-resolution) game without Anti-Aliasing. In ...
26
votes
9answers
25k views

Box-shadow and border-radius bug in Chrome

I've been experimenting with CSS3 and found something strange. Heres's the part of DIV style: border:#446429 solid 1px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; ...
23
votes
5answers
1k views

GIve css3 rotate to a DIV in Chrome then the background-attachment:fixed creating bug

My background-attachment:fixed is working fine. But when I define CSS3 rotate on that DIV and scroll down then background-attachment:fixed stops working. Check this http://jsfiddle.net/P3jS4/ Right ...
22
votes
6answers
14k views

HTML5 placeholder css padding problem

i've seen this post already and tried everything i could to change the padding for my placeholder but alas, it seems it just doesn't want to cooperate. anyway, here is the code for the css (EDIT: ...
20
votes
7answers
14k views

CSS3 color transition not working in Chrome

The links in the left menu in this website have a CSS3 transition property of the color, which changes on mouse hover. It's not working in Chrome 16 or 17 (the color change is sudden), whereas other ...
19
votes
6answers
8k views

-webkit-linear-gradient causes banding in Chrome/Safari

The title prettymuch says it all. The first picture below is a screenshot when the whole page is about 8000 pixels tall, taken in the latest version of Chrome: while this picture is for a different ...
19
votes
2answers
3k views

overflow:hidden works in firefox but not in chrome in my file. Why?

I have been trying to play a bit with the CSS3 and build a netscape logo purely out of CSS3 for training. here is the link: http://alonbt.com/css3/netscape/ The thing is: in firefox all looks well ...
14
votes
1answer
3k views

Chrome flashes black screen when using css transition rotate

Transition rotate causes chrome to flash black screen. Is it a Chrome bug (works fine in Safari) or it can be fixed with some clever css. Example fiddle here. The problem with this problem is that ...
14
votes
1answer
322 views

Chrome 21 scaling elements during rotation

I think this is a bug in the latest Chrome (21.0.1180.57), but I thought I'd post here just to double check. I'm changing the rotation of an element using javascript, and using webkit transitions to ...
11
votes
3answers
2k views

Is it possible to emulate orientation in a browser?

As the title is it possible to emulate orientation in google chrome or firefox? Meaning somehow change the browser to support media query (orientation = (landscape or portrait)) I have a emulator for ...
11
votes
1answer
3k views

Chrome/Safari: box-shadow only appears on text input if border is specified

I'm running into a problem with WebKit browsers (Chrome 15.0.x and Safari 5.1.1) where box shadows are not being rendered on text inputs. Just by chance, I discovered that explicitly setting the ...
11
votes
4answers
2k views

Background-size: cover suddenly stopped working in Google Chrome?

Is anyone else having this issue? I create websites for a living, and some employ the use of the css property background-size: cover. All of the sudden about 1 week ago, all of the sites with this ...
9
votes
4answers
6k views

webkit-transform overwrites z-index ordering in Chrome 13

Update Sorry for failing to add the minor detail that we also layer a lot of div elements on top of each other with z-index. After working more with this problem, it seems that the webkit-transform ...
9
votes
5answers
3k views

Strange black blocks appearing in Chrome

For some reason, black boxes are displaying in random spaces in Chrome (latest build). Some of these boxes are appearing outside of the main container, whereas some are appearing inline, covering ...
9
votes
1answer
2k views

border-radius; overflow: hidden, and text is not clipped

I'm doing some stylistic text inside of rounded divs, where the text bumps right up against the top of the container. I've been able to control almost all content, nested divs, images set as ...

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