CSS3 WebKit Fading en una información sobre herramientas

Question

Acabo de estar experimentando con una información sobre herramientas CSS que se desvanece con las transiciones de CSS3. Estaba buscando un efecto de información sobre herramientas de que cuando se desplaza un enlace, aparece la información sobre herramientas, pero se desvanece en el uso de solo CSS3.

Lo tengo trabajando hasta un punto, pero por alguna razón, cuando me desplazé sobre dónde está destinado a estar, se activa, a pesar de que inicialmente está posicionado left:-999px;.

Básicamente, ¿qué estoy haciendo mal/es lo que iba a ir por posible? (Tenga en cuenta que no quiero hacer nada con js/jQuery, tenía curiosidad por ver si podía hacerlo en CSS)

Puedes ver y jugar con él aquí.

Answer 1

Su span está todavía en el document caudal.

Puede eliminarlo configurando su display a none, como sugiere el comentario anterior, o establecer su position a absolute, que parece ser lo que estabas haciendo para esconderlo del borde izquierdo de la pantalla.

Answer 2

Usted está confundiendo a radix-10 con radix-2.

El cambio de bit es la división por 2, por ejemplo: 102 >> 1= 102 / 2= 51.
similar: 102 >> 8= 102 / 2^8= 102 / 256= 0 (en términos int).

El código (i >> 8) & 0xFF, por ejemplo, se usa para extraer el contenido de el segundo byte del valor dado i.

para su caso - Stick con divisiones por 10 con Modulus.