Articles of css3

CSS: transición de transición en el texto de entrada?

¿Hay alguna forma de escribir una transición de CSS que se desvanezca en un elemento de texto de entrada mientras el usuario escribe? Actualmente, el texto puede aparecer dentro de un elemento de texto HTML normal porque podemos indicarle que haga la transición de 0 a 1 opacidad; pero el texto de entrada no existe […]

Cómo colorear el borde de entrada usando CSS

Necesito colorear el borde inferior de una entrada cuando la entrada no está enfocada. Este es mi código html: Este es mi código css: .numero { border-bottom-color: red; } Pero no funciona. ¿Alguien puede ayudar?

Centrado de texto en un div

¿Cómo centrar el signo más + en la div. Todavía parece que sus 8 píxeles desde y 5 desde la parte inferior. No puedo entender lo que estoy haciendo mal: +

CSS Layouts 101 – confundiéndose en la estructuración del diseño

Para este diseño, el método de estructuración más fácil que puedo encontrar con css puro es usar la unidad vh . Debido a que es un poco restrictivo en su soporte y el requisito es ir solo con CSS, estoy teniendo dificultades para trabajar correctamente con el método de porcentaje. Diseño de destino Solo puedo […]

Posicionamiento de div usando css: problema de diseño con div posicionado absoluto

El siguiente código muestra un círculo más una barra, construida con una publicación anterior . El problema que estoy experimentando es que la bar en la práctica tiene una altura fija igual a la altura del circle . Supongo que esto es debido al inline-block absolute . Sin embargo, parece que necesito absolute inline-block absolute […]

Intentando centrar el contenido en cualquier navegador.

Tengo el siguiente HTML y CSS aquí http://jsfiddle.net/XQ5c9/ . Estoy tratando de centrar todo mi contenido en cualquier tamaño de pantalla / navegador. Actualmente, todo está descentrado y un poco a la izquierda en todas las pantallas que puedo probar. Aquí está mi CSS (tanto HTML como CSS están en el enlace jsfiddle): @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed); […]

¿Cómo colocar un “rectángulo superpuesto” en una cuadrícula CSS de HTML, pero compensar horizontalmente desde los límites de la columna? (por mi imagen)

¿Cómo colocar un “rectángulo superpuesto” en una cuadrícula CSS de HTML, pero compensar horizontalmente desde los límites de la columna? (por mi imagen) Fondo: Supongamos que usa HTML5 y CSS3 Cuadrícula creada usando div’s, formato usando CSS “Grid” La cuadrícula ya está creada, por lo que desea agregar los rectangularjs azules adicionales superpuestos visualmente en […]

Crea un div cuadrado perfecto.

¿Hay una manera de crear un div cuadrado perfecto cuyos lados sean iguales al lado más pequeño de document.body? Ya sea el ancho o el alto del documento. Y debe ser responsivo.

Cómo crear una línea vertical entre icons (con imagen de ejemplo)

Después de probar numerosas cosas y buscar en la web, aún no puedo descubrir cómo crear una línea vertical similar entre los icons, como se muestra en la parte izquierda de la imagen. Alguien una idea sobre cómo lograr esto? ¡¡Cualquier ayuda será muy apreciada!!

100% de altura para el cuerpo y sus elementos hijos.

Estoy especificando un color de fondo para el body que se muestra hasta una cierta distancia solamente. Necesito que sea de altura completa y también para sus elementos secundarios. Uno de sus elementos secundarios tiene el border-right que también debe mostrarse en toda la altura de la pantalla. Mi CSS parece (muestra uno) mejor ver […]