Tag: css

Se añaden transformaciones … sin cesar.

Estoy creando un juego simple parecido a los asteroides en CSS y JS usando el DOM sobre canvas para … propósitos de experimentación. Mi código es bastante pequeño en este ejemplo para que sea más fácil ver lo que está pasando a continuación. El objective final: permitir que las teclas de flecha giren suavemente y […]

Modificar elemento: antes de las reglas CSS programáticamente en React

Tengo un elemento cuyo :before estilo deba modificarse en función de los cálculos. export class Content extends React.Component { render() { return ( 10% ); } } Código CSS: .ring-base { position: absolute; height: 200px; width: 200px; border-radius: 50%; background: red; transform: rotate(90deg); overflow:hidden; } .ring-cover { position: absolute; height: 180px; width: 180px; background: #fff; […]

IE8 v8 no cambia la clase para un elemento DOM a pesar de que la función JS cambia el atributo del elemento

Tengo un teclado en pantalla para proporcionar una entrada más segura para las contraseñas. El teclado en sí se coloca así: Q W . . . Y tiene un “botón Shift” que dispara una función JS con esto (ya he intentado todo eso, de hecho): if (obj.innerHTML == “Mayus.”) { try { MAYUSCULA_ACTIVADO = !MAYUSCULA_ACTIVADO; […]

Cambio de color de fondo de div en scroll

http://jsfiddle.net/ncuydr9y/ El color BG debe ser # 1A1A1A al inicio y luego cambiar después de desplazarse 210 px. No estoy seguro de dónde voy mal. $(document).ready(function(){ var scroll_pos = 0; $(document).scroll(function() { scroll_pos = $(this).scrollTop(); if(scroll_pos > 210) { $(“#left-panel”).css(‘background-color’, ‘#1A1A1A’); } else { $(“#left-panel”).css(‘background-color’, ‘red’); } }); });

¿Hay alguna manera de restablecer: después de /: antes de las reglas CSS para un elemento?

¿Hay alguna manera de (robusto) restablecer cualquier posible :after y :before reglas de CSS para un elemento recién creado? Por lo general, solo puede establecer las reglas de estilo que desea restablecer en el elemento directamente (con !important si quiere estar seguro), pero no conozco ninguna forma de cambiar las reglas definidas en :after en […]

Marcador de Google Maps – establecer el color de fondo

Estoy usando un PNG transparente como mi marcador, y me gustaría que el área transparente se llene de un color determinado. Anteriormente logré esto usando sombras de marcador, pero esas no funcionan con la actualización visual (es decir, v3.14). ¡Gracias!

Obteniendo contenido de pseudo-elementos en Chrome

Estoy teniendo algunos problemas para obtener el contenido generado de un pseudo-elemento a través de Javascript en los navegadores webkit. Contexto para quienes se preocupan: estoy trabajando en una aplicación móvil de jQuery y tratando de usar los íconos de FontAwesome. Esperaba poder agregarlos con la misma propiedad de ícono de datos que jQM usa […]

Los valores del atributo de vista meta no se reflejan cuando se está en modo de pantalla completa en el navegador Android Chrome

Cuando estoy en modo de pantalla completa en Android usando una api de pantalla completa, los valores de los atributos de meta viewport como escala inicial y escalable por el usuario no se reflejan en el navegador. Si no estoy en modo de pantalla completa, se reflejan los valores de meta viewport. Puede verificarlo accediendo […]

¿Por qué es necesario desencadenar reflow para las transiciones de CSS?

Estaba leyendo este artículo http://semisignal.com/?p=5298 y el autor escribió que “El flujo debe activarse antes de que se elimine la clase invisible para que la transición funcione como se esperaba”. Mis preguntas son: 1) ¿Por qué es necesario desencadenar el reflujo? 2) Entiendo que deberíamos evitar usar el reflujo, si eso es cierto, ¿por qué […]

¿Cómo detectar cuál de las fonts definidas se usó en una página web?

Supongamos que tengo la siguiente regla CSS en mi página: body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ¿Cómo puedo detectar cuál de las fonts definidas se usó en el navegador del usuario? Editar para personas que se preguntan por qué quiero hacer esto: la fuente que estoy detectando contiene glifos que no están […]

Javascript tiene muchos buenos JS marco (como Node.js AngularJS Vue.js React.js) es el mejor lenguaje de script.