<html>
  <head>
  <title>
  Columnas de Texto con CSS3
  </title>
  <style>
  body {
  background: rgb(20, 80, 100);
  }
  #sidebar {
  width: 30%;
  float: left;
  background: url(nude.jpg) no-repeat;
  }
  #sidebar h4:hover {
  -moz-transform: skew(15deg);
  -webkit-transform: skew(15deg);
  transform: skew(15deg);
  }
  #sidebar ul {
  list-style: none;
  margin-top: 2.5em;
  }
  #sidebar ul li {
  padding: 0.8em;
  margin: 0.8em;
  background: rgba(0,0,0,0.45);
  border: solid 1px #000;
  text-align: center;
  }
  #sidebar ul li a {
  text-decoration: none;
  font-family: helvetica;
  font-size: 2em;
  }
  #sidebar ul li:hover {
  -moz-transform: scale(1.5) rotate(45deg);
  -webkit-transform: scale(1.5) rotate(45deg);
  transform: scale(1.5) rotate(45deg);
  }
  #thumb {
  clear: both;
  background: #ccc;
  padding: 0.2%;
  }
  #thumb img{
  padding: 0.2%;
  }
  #thumb img:hover{
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -moz-transform-origin: center top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  /*-moz-transform: rotate(25deg);
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  */
  }
  #content {
  width: 60%;
  float: right;
  padding: 0.2%;
  margin-bottom: 1em;
  color: white;
  line-height: 1.2em;
  }
  #content div {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 2em;
  -webkit-column-gap: 2em;
  -moz-column-rule-style: solid;
  -moz-column-rule-color: #999;
  -moz-column-rule-width: 1px;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-color: #999;
  -webkit-column-rule-width: 1px;
  text-align: justify;
  font-size: 80%;
  }
  #content div:hover {
   
  -moz-transform: translate(10px,10px);
  -webkit-transform: translate(10px,10px);
  transform: translate(10px,10px);
  }
  </style>
  </head>
  <body>
  <div id=”sidebar”>
  <h4>Columnas de Texto con CSS3</h4>
  <ul>
  <li><a href=”#“>Que</a></li>
  <li><a href=”#“>Guay</a></li>
  <li><a href=”#“>En el FP</a></li>
  </ul>
  </div>
  <div id=”content”>
  <h3> <h4>Columnas de Texto con CSS3</h4>
  </h3>
  <div>
  <p>«Pablo Diego José Francisco de Paula Juan Nepomuceno Cipriano de la Santísima Trinidad Ruiz Picasso» (según su certificado de nacimiento) o «Pablo Diego José Francisco de Paula Juan Nepomuceno María de los Remedios Crispiniano de la Santísima Trinidad Ruiz Picasso» (según su partida de bautismo),1 3 fue el primer hijo de José Ruiz Blasco y María Picasso López. Nació el 25 de octubre de 1881 en Málaga, España, en el seno de una familia burguesa. Picasso tuvo dos hermanas, Dolores (1884-1958) y Concepción (1887-1895).
  De su padre se sabe que quiso ser pintor y fue profesor de dibujo en la escuela de Málaga llamada San Telmo. De la madre se conoce poco; al parecer era de una personalidad más fuerte que la de su marido, y Picasso tuvo siempre hacia ella mayor respeto y ternura, lo que algunos creen ver en el retrato que le dibujó en 1923.4
  Picasso empezó a pintar desde edad temprana. En 1889, a los ocho años, tras una corrida de toros y bajo la dirección de su padre pintó El pequeño picador, su primera pintura al óleo,5 6 de la que siempre se negó a separarse.
  </p>
  </div>
  <h3>Transforms con CSS3</h3>
  <div>
  <p>En 1891, la familia abandonó Málaga, cuando el padre fue nombrado profesor en el Instituto de La Coruña. Allí, Pablo trabajó en sus dibujos y mostró una fuerte confianza en sí y en sus dotes; tenía diez años. Sus primeros trabajos, de un realismo vigoroso y casi feroz, mostraban una temprana predilección por los personajes populares.4
  El de 1895 fue un año de sucesos importantes en su infancia; en enero, falleció su hermana Concepción, y en septiembre su padre obtuvo una cátedra en la Lonja, Escuela de Artes y Oficios de Barcelona, donde el joven Pablo fue admitido como alumno y cursó estudios durante dos años, lo que le condujo a pintar, quizás por complacer a su padre, una serie de cuadros en los que el academicismo sentimental del estilo sorprendía tras la vitalidad de los retratos que había realizado en La Coruña.4
  Estudiante brillante y precoz, Picasso superó en un solo día, a la edad de catorce años, el examen de ingreso en la Escuela de Bellas Artes de Barcelona, y se le permitió saltarse las dos primeras clases. De acuerdo con una de las muchas leyendas sobre el artista, su padre, tras reconocer el extraordinario talento de su hijo al contemplar sus primeros trabajos infantiles, le entregó sus pinceles y su paleta y prometió no volver a pintar en su vida.4
  </p>
  </div>
   
  </div>
  <div id=”thumb”>
  <p>Pablo Picasso</p>
  <img src=”1.jpg” width=”10%”>
  <img src=”1.jpg” width=”10%”>
  <img src=”1.jpg” width=”10%”>
  <img src=”1.jpg” width=”10%”>
  </div>
  </body>
  </html>