Esta forma tiene un efecto impresionante cuando usted se centra en uno de sus campos:¿Cómo puedo codificar este asombroso efecto borde brillante con CSS y JavaScript?
http://labs.dragoninteractive.com/panel/demo/
Alguna pista sobre cómo puedo recrear esto? Estas son algunas de mis observaciones:
- veo que tienen una imagen colorida un gigante aquí: http://labs.dragoninteractive.com/panel/demo/lib/img/form/map/rmap.jpg
- Cuando se enfoca en la forma el color parece desvanecerse en (y se desvanece en la falta de definición)
- no sé cómo se están recibiendo el borde suave (brillo) utilizando la imagen de origen que tienen
- no sé cómo están desplazar la imagen, colorido través de la frontera infinitamente
- el marcado parece bastante desordenado ; Idealmente me gustaría una solución más simple que lo que tienen
- This one es un clon hecho todos con CSS3, pero no me gusta la forma en que el resplandor exterior no se mantiene uniforme se produce la acción de cambiar
Efectos interesantes pero: '* Descargo de responsabilidad: Esto se entiende como una demostración técnica de CSS3, no como un tutorial de mejores prácticas. – Ibu
@Ibu: ¿existe ya una mejor práctica para animar el borde de un formulario con arco iris? No se mostrará sin la compatibilidad adecuada del navegador, que es la degradación del navegador normal y estándar. ¿Qué significa exactamente "no mejor práctica" en esta situación? Más importante aún, ¿a quién le importa? No me refiero a que esto sea negativo, realmente estoy teniendo problemas para entender de dónde vienes. – Jordan
comer muchos recursos de proceso no es la mejor práctica @Jordan, no ser negativo, pero de ahí viene de – Ibu