español - Cómo hacer texto brillante en HTML y CSS
title html español (4)
Quiero hacer un texto brillante en HTML y CSS. Estoy siguiendo este tutorial.
Quiero que el texto brille, al igual que los botones Minimizar, Maximizar y Salir en Windows Vista y 7 brillan cuando se pasa sobre ellos.
He leído 8 tutoriales en línea, y todos dicen que FILTER ONLY funciona en IE (Completamente BS btw, estoy usando IE9 RC y ni siquiera se muestra), por lo que ninguno de los tutoriales que he encontrado sobre el brillo realmente funciona para texto como <p>, <a> <h1>
etc.
¿Cómo puedo hacer que mi texto brille al pasar? (sin imágenes)
Prueba este truco CSS3!
.text-glow {/*Definig font could be useful!*/
font-size:4em;
color: #FFFFFF;
font-family:Arial;
}
.text-glow:hover {
text-shadow: 1px 0px 20px #ffd200;
-webkit-transition: 1s linear 0s;
-moz-transition: 1s linear 0s;
-o-transition: 1s linear 0s;
transition: 1s linear 0s;
outline: 0 none;
}
Si cree que tiene una respuesta a esta pregunta, por favor, compártala. Como no voy a renunciar a esto. Quiero el efecto de brillo en Texto tanto como quiero mi café cada mañana.
He encontrado una solución media-buena, mitad-cr * p mientras tanto:
<DOCTYPE html>
<html>
<head>
<title>HTML5 & CSS3 Samples</title>
<style>
p {
filter:progid:DXImageTransform.Microsoft.Glow(Strength, Color, Enabled);
}
</style>
</head>
<body>
<center>
<p>Welcome!</p>
</center>
</body>
</html>
Tener un juego con CSS3 text-shadow quizás.
text-shadow: #EEEE00 0 0 10px;
IE8 e inferior no lo admiten, pero ahí es donde el filter
es útil.
filter: glow(color=#EEEE00,strength=3);
Una pequeña característica de la propiedad CSS3 text-shadow es que permite múltiples sombras.
text-shadow: #EEEE00 0 0 10px, #FF0000 5px 5px 5px;
encuentra ejemplos aquí http://enjoycss.com/gallery/text_effects
puede abrir cada uno de ellos en el editor y ajustar cualquier parámetro css3, luego simplemente obtenga el código css3 que necesita (será generado) por enjoycss
por ejemplo, http://enjoycss.com/39/1#textShadow