Stack Overflow
Stack Overflow

Questions tagged [webkit]

WebKit is an open-source Web content engine for browsers and other applications, such as Apple Safari, Mail, App Store and several mobile browsers including the pre-installed browsers for Android, iOS, RIM Blackberry, Symbian, and WebOS.

WebKit is an open-source Web content engine for browsers and other applications and was originally released by Apple in 2003 as part of its Safari browser.

Due to its open source nature and clean design, WebKit has been taken on and implemented as the engine for a wide variety of web browsers.

Documentation

7191 questions
224
votes
13 answers

css3 transition animation on load?

Is it possible to use CSS3 transition animation on page load without using Javascript? This is kind of what I want, but on page load: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html What I found so far CSS3 transition-delay, a way to…
Jens Törnell
  • 18,167
  • 36
  • 100
  • 168
206
votes
5 answers

Disable webkit's spin buttons on input type="number"?

I have a site which is primarily for mobile users but desktop too. On Mobile Safari, using works great because it brings up the numerical keyboard on input fields which should only contain numbers. In Chrome and Safari however,…
pojo
  • 5,657
  • 7
  • 31
  • 46
191
votes
12 answers

Detect rotation of Android phone in the browser with JavaScript

I know that in Safari on an iPhone you can detect the screen's orientation and change of orientation by listening for the onorientationchange event and querying window.orientation for the angle. Is this possible in the browser on Android phones? To…
philnash
  • 53,704
  • 10
  • 46
  • 69
176
votes
7 answers

jQuery get the location of an element relative to window

Given an HTML DOM ID, how to get an element's position relative to the window in JavaScript/JQuery? This is not the same as relative to the document nor offset parent since the element may be inside an iframe or some other elements. I need to get…
adib
  • 7,718
  • 6
  • 46
  • 85
171
votes
2 answers

What are -moz- and -webkit-?

-webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-fill: auto; -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-fill: auto; I am a beginner at CSS and when I was looking at some CSS code the other day, I found these lines. In…
idude
  • 3,956
  • 6
  • 27
  • 41
169
votes
5 answers

Preventing scroll bars from being hidden for MacOS trackpad users in WebKit/Blink

WebKit/Blink's (Safari/Chrome) default behaviour on MacOS since 10.7 (Mac OS X Lion) is to hide scroll bars from trackpad users when they're not in use. This can be confusing; the scroll bar is often the only visual cue that an element is…
Jeremy
  • 1
  • 77
  • 324
  • 346
169
votes
27 answers

Video auto play is not working in Safari and Chrome desktop browser

I spent quite a lot of time trying to figure out why video embedded like here:
161
votes
8 answers

CSS endless rotation animation

I want to make a rotation of my loading icon by CSS. I have an icon and the following code: