Preguntas etiquetadas con webkit

Tengo una especie de problema extraño. Intento crear un sitio web con un video de fondo en bucle. El código se parece a este: <video src="video/bg.mp4" style="z-index: -1;object-fit: cover;" poster="video/bg.jpg" autobuffer autoplay loop muted></video> Ejecutar fragmento de códigoOcultar resultadosExpandir fragmento Esto funciona perfectamente bien en la mayoría de los navegadores …

88 ios  html  video  webkit  autoplay 

Tengo algunos problemas para rotar y colocar una línea de texto. Ahora es solo la posición la que funciona. La rotación también funciona, pero solo si desactivo el posicionamiento. CSS: #rotatedtext { transform-origin: left; transform: rotate(90deg); transform: translate(50%, 50%); } El html es solo texto sin formato.

86 css  webkit  transform  css-transforms 

Este es el sitio de iphone: http://www.thevisionairegroup.com/projects/accessorizer/site/ Después de hacer clic en "jugar ahora", accederá a un juego. Las armas se desplazarán hacia adentro. Puede desplazar el bolso y los accesorios hacia arriba y hacia abajo. Puedes ver que cuando los sueltas, encajan en su lugar. Justo cuando ocurre ese …

83 iphone  css  animation  webkit  flicker 

Me gustaría implementar la misma funcionalidad que tiene Gmail hoy en día. Cuando llega un nuevo correo electrónico o llega un nuevo chat, aparece una ventana emergente de notificación y, si hace clic en ella, se enfoca la pestaña con Gmail. Tengo este codigo: var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text'); …

82 javascript  google-chrome  webkit  notifications  gmail 

Tengo un problema para anular algunos complementos CSS. Editar ese CSS directamente no es realmente una opción, ya que haría que actualizar el complemento fuera más riesgoso. El problema: un elemento tiene posicionamiento absoluto y tiene top: 0px en el original. Quiero anularlo por bottom: 0px. Por el bien de …

82 css  webkit  css-position 

¿Alguien sabe si es posible alinear el texto a la derecha de un elemento <select>o más específicamente <option>en WebKit ? No es necesario que sea una solución de varios navegadores, incluido IE, pero debería ser CSS puro si es posible. He probado ambos: select { text-align: right }y option { …

82 html  css  webkit 

Estoy usando transiciones de CSS para la transición entre estados transformados de CSS (básicamente, la transición de la escala de un elemento). Noto que cuando el elemento está en transición, el resto del texto en la página (en Webkit) tiende a alterar levemente su representación hasta que se realiza la …

81 css  webkit  css-transitions  css-transforms 

Quiero mostrar siempre flechas arriba / abajo para el campo de entrada "número". es posible? Hasta ahora no he tenido suerte ... http://jsfiddle.net/oneeezy/qunbnL6u/ HTML: <input type="number" /> CSS: input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: "Always Show Up/Down Arrows"; }

81 html  css  input  webkit  shadow-dom 

Estoy intentando simular un evento de teclado en Safari usando JavaScript. He intentado esto: var event = document.createEvent("KeyboardEvent"); event.initKeyboardEvent("keypress", true, true, null, false, false, false, false, 115, 0); ... y también esto: var event = document.createEvent("UIEvents"); event.initUIEvent("keypress", true, true, window, 1); event.keyCode = 115; Sin embargo, después de probar ambos …

79 javascript  safari  webkit  dom-events  keyboard-events 

En las notas de la versión de Safari 13 se afirma que ya no es necesario aplicar lo siguiente a un elemento para habilitar el efecto de desplazamiento de rebote: div { overflow-x: scroll; -webkit-overflow-scrolling: touch; /* No longer needed */ } Sin embargo, ahora ya no puedo desactivar este …

8 html  ios  css  scroll  webkit