Category Css4

Categoría: ‘CSS’

jQuery tabs con animación, sombras y esquinas redondeadas

En la próxima actualización de mi plugin para WordPress Youtube Channel Gallery voy a organizar las diferentes partes del plugin mediante pestañas. Aunque en un principio pensé en usar las Tabs de jQuery UI vi que si otro plugin usaba ese mismo widget machacaría los estilos de …

Ver más »

Posición relativa de un elemento con position:fixed

En muchas webs se suele ver el uso de ‘position:fixed’ para mantener visible un elemento en todo momento aunque se haga scroll en la página. Por ejemplo, podemos ver este efecto en la web de Privalia, donde el menú de navegación permanece siempre a la vista. El problema de ’position:fixed’ es que la mayor …

Ver más »

Colores en CSS3

El objetivo de este post es ver algunas características de la recomendación del módulo de color en CSS3 especificada en http://www.w3.org/TR/css3-color/. La principal novedad en el uso del color en CSS3 es la posibilidad de usar modelos de color rgb, rgba, hsl y hsla. Una de las principales ventajas de estos modelos de color …

Ver más »

Barras de scroll personalizadas en WebKit

El objetivo de este post es revisar los estilos necesarios para personalizar el scroll en WebKit, en base al tutorial de su blog http://www.webkit.org/blog/363/styling-scrolls/ pero personalizando paso a paso cada una de las partes del scroll. El ejemplo que se muestra en http://trac.webkit.org/export/41842/trunk/LayoutTests/scrolls/overflow-scroll-combinations.html es difícil de entender ya que en la misma hoja …

Ver más »

SVG, CSS y el elemento ‘use’

En el post sobre Illustrator y SVG ya planteé que la utilidad que veía a Illustrator para trabajar con SVG es la creación de elementos gráficos y de los gradientes y colores de los mismos. Ahora quiero usar una ilustración convertida a SVG desde Illustrator para manipularla mediante CSS y verificar las posibilidades del elemento …

Ver más »