Contornear tu texto con CSS
Una forma fácil de contornear tu texto, es utilizar la herramienta CSS que nos proporciona CSS Text Wrapper, una herramienta sencilla con un editor basado en puntos, que nos ayudará a contornear nuestro texto más fácilmente. Ver la herramienta para contornear tu texto con CSS
Posicionamiento Fixed con CSS
Algunas veces queremos que un mensaje se muestre siempre que naveguemos por una página, aunque nos vayamos hacia abajo del todo de esta. Bueno, esto se puede hacer, gracias a una propiedad de CSS que posiciona un elemento de forma flotante. Solo tendremos que crear el código CSS del elemento, y añadirle la posición fixed: … Lee más!
Seleccionar con distinto color mediante CSS
¿Alguna vez te has preguntado porqué algunas web tienen el «don» de poder seleccionar el texto de manera distinta, es decir, con otro color? Pues es muy fácil, ¡aquí tienes la solución!
Letras encima de otras con CSS
Es bonito que varias letras se superpongan encima de otras. Si lo hacemos bien, podremos crear un bonito diseño, que puede ser el logo de nuestro sitio, por ejemplo.
Bordes redondeados en Webkit mediante CSS
Una forma fácil de crear bordes redondeados en navegadores web que funcionen con el motor WebKit (Como por ejemplo: Safari). Cabe decir Safari con su motor Webkit ha superado el acid test. AVISO: ¡Este truco no funciona con Internet Explorer o Firefox, ya que no funcionan mediante el motor Webkit! .sample { -webkit-border-radius:10px; /* todos … Lee más!
Obtén la estructura CSS con CSS Frame Generator
CSS Frame Generator es una herramienta online que nos permitirá saber la estructura CSS que debemos darle a nuestro documento HTML. Con solo escribir el código HTML, nos dirá que estructura deberemos darle a CSS. Claro está, el código que te da en CSS es vacío, pero sigue una estructura, por ejemplo: #root { } … Lee más!
Crear letras capitales con CSS
Las letras capitales pueden quedar muy bonitas en nuestros documentos, así que, ¿porqué no aprender a crearlas mediante CSS? Para crearlas, solo debemos incluir este código CSS en nuestro documento: p:first-letter { display:block; float:left; border:1px solid black; padding:5px; margin:4px 5px; background:url(colordelfondodelaletra.png); font-size:73px; } Después, debemos incluir nuestro texto mediante un párrafo, entre las etiquetas tu … Lee más!
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
