Ejemplo con CSS3

Mostramos primeramente  un pequeño listado en el cual describen nuevas formas de estilo del css3

CSS Styling

  • Styling Backgrounds
  • Styling Text
  • Styling Fonts
  • Styling Links
  • Styling Lists
  • Styling Tables

CSS modelos de cajas

  • CSS Border
  • CSS Outline
  • CSS Margin
  • CSS Padding

entre otras.

para entender mucho mas sobre esta nueva tecnología de diseño web hemos creado unos pequeños ejemplos muy simples de entender.

entre el resultado del ejemplo es obtener el moldeado de curvas en las esquinas de un objeto (div, table), esto en versiones anteriores imposible pues se tenia que hacer este efecto mediante imágenes. Al mismo tiempo podemos observar en el resultado un efecto de sombra en el texto solo utilizando css3.

<html> <head> <style type=”text/css”>

h1 { text-shadow: 6px 6px 6px #1C0CC6; } div { border:2px solid #a1a1a1; padding:10px 40px; background:#dddddd; width:300px; border-radius:25px; -moz-border-radius:25px; /* Firefox 3.6 and earlier */ } </style> </head> <body> <div> <h1>SOFTVI.COM</h1> </div> </body> </html>

el resultado:

para mas información: http://www.w3schools.com/css/default.asp

O_Leiva

About O_Leiva

Developer Software Solutions, Soportisa de Sistemas