css3

¿Cómo puedo diseñar enlaces externos como Wikipedia?

Me gustaría distinguir entre enlaces externos e internos usando solo CSS. Me gustaría añadir un pequeño icono al lado dere ... Este es un enlace interno: <a href="/index.html">home page</a> ¿Cómo puedo hacer esto usando solo CSS?

Cómo eliminar el caret de un elemento de entrada [duplicar]

Esta pregunta ya tiene una respuesta aquí: Ocultar campo de texto cursor parpadeante ... ¿Cómo puedo eliminar el caret de un elemento <input type="text"> solo usando CSS y no JavaScript?

Borde insertado-radio con CSS3

¿Hay forma de crear un radio de borde insertado con css3? (Sin imágenes) Necesito un radio de borde como este:

CSS aligerar elementos secundarios en el mouseover principal

Aquí está mi problema. Tengo un div que contiene otros dos divs: básicamente uno para encabezado, uno para contenido. Me gus ... divs deben cambiar y volverse ligeramente más claros. Me gustaría evitar javascript si es posible. ¿Cómo hacer esto en CSS?

Triángulo CSS responsivo con ancho de porcentaje

El siguiente código creará una flecha justo debajo de un elemento <a>: JSFiddle .btn { position: relative; ... adecuado porque no podemos indicar el ancho del borde en píxeles. ¿Cómo hacer un porcentaje de triángulo responsivo basado?

Las transiciones CSS no funcionan cuando se asignan a través de JavaScript

Estoy teniendo un gran dolor de cabeza tratando de aplicar transiciones CSS3 a una presentación de diapositivas a través de J ... de lo que es el código en este momento: http://g2f.nl/38rvma O use JSfiddle (sin imágenes): http://jsfiddle.net/5RgGV/1 /

Descripción con un triángulo [duplicar]

Esta pregunta ya tiene una respuesta aquí: Burbuja de discurso con flecha ... adjunto para el cuadro que apunta al enlace, ¿es posible hacer esto usando solo CSS? al igual que esto, pero a la izquierda

¿Por qué hay-moz-XXX y-webkit-XXX en el CSS3?

Lo que más odio en CSS3 es que siempre hay dos propiedades que debes poner para hacer un efecto. Creo que esto no es profesio ... e que si tenemos 10 navegadores, ¿escribiremos 10 líneas para hacer un efecto de esquina redondeada? Alguien puede explicar?

Mejorar el rendimiento de transición de CSS3

¿ Alguien tiene trucos o consejos para mejorar la suavidad de la animación CSS3? Estoy deslizando toda la página a la izquier ... stoy pensando en cosas como habilitar la aceleración de hardware o marcar la animación como alta prioridad para el navegador.

¿Cómo hacer que las líneas dobles bordeen en CSS, cada línea en un color diferente, sin usar una imagen de fondo?

¿Cómo hacer un borde de doble línea en CSS, cada línea en un color diferente sin usar background-image? Por ejemplo, así: ... ext </p> <h2> heading 2 </h2> <p> paragraph text </p> Nota: No estoy considerando IE 8, 7, 6

Coloque el último elemento flexible al final del contenedor

Esta pregunta se refiere a un navegador con soporte completo para css3, incluido flexbox. Tengo un contenedor flexible con ... er"> <p></p> <p></p> <p></p> <p class="end"></p> </div>

Desenfoque CSS en la imagen de fondo, pero no en el contenido

Hice este ejemplo. Estoy tratando de desenfocar la imagen de fondo, pero el contenido principal también está borroso (el <span>) ¿Cómo puedo desenfocar el fondo sin desenfocar el contenido?

Media Queries para Diferentes niveles de zoom del Navegador

Soy un novato en el diseño responsivo usando consultas de medios CSS3. Entiendo claramente cómo nos dirigimos a diferentes di ... iveles de zoom o para decirlo de otra manera cuál es la relación entre los niveles de zoom del navegador y el ancho de píxel.

Hacer que un elemento flexible flote a la derecha

Tengo un <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <di ... ivs para seguir la regla flex establecida por el padre. Es esto algo posible? Si no, ¿cómo hago un float: right bajo flex?

Ember.enrutador js: Cómo animar transiciones de estado

¿Alguien ha encontrado una buena manera de animar las transiciones de estado? El router elimina inmediatamente la vista del DOM. El problema con eso es que no puedo posponerlo hasta el final de la animación. Nota: Estoy usando v1.0.0-pre.4.

Código abierto/libre HTML5/CSS3 / JavaScript IDE? [cerrado]

¿Cuál es el mejor IDE de código abierto/libre HTML5/CSS3/JavaScript? ¡Gracias!!!

¿Se puede usar @font-face ahora?

Tengo que usar una fuente elegante en un proyecto, pero realmente me gustaría evitar sifr y otras alternativas feas, así que ... ue ofrecen diferentes puntos de vista sobre su usabilidad. ¿Ya está listo? ¿Qué navegadores lo soportan hoy en día? Gracias

Girar Icono De Fuente Impresionante Al Hacer Clic

Estoy tratando de hacer una fuente chevron impresionante girar 180º en el clic. Aquí está el violín de JSFiddle que tiene l ... ); } 100% { transform: rotate(180deg);} } JS $(".fa-chevron-up").click(function(){ $(this).toggleClass("rotate") ; })

Configure los niños flexbox para que tengan diferentes alturas para usar el espacio disponible

Usando un diseño flexbox de dos columnas, ¿cómo se puede hacer que los niños de diferentes tamaños llenen todo el espacio dis ... gt; <div class="cell"> </div> <div class="cell"> </div> </div> </body> </html>

¿Anulando el estilo CSS?

Miro el Desbordamiento de pila, y no encontré la solución, sé cómo anular el estilo si el estilo existe, simplemente cambie s ... ñade el segundo, pero no quiero que, en este segundo estilo lo que necesito es solo una línea, no añadir de la primer estilo?