juego argentino preguntados
http://www.lanacion.com.ar/1680791-preguntados-la-trivia-para-telefonos-movil-que-es-furor-en-america-latina
secretaria digital
http://www.lanacion.com.ar/1681009-despues-de-siri-y-google-now-llegan-cortana-y-jasper
GALERIA
<style>
.ayudadeblogger { /* 300x188 */
border: 10px solid #FFF;
cursor: pointer;
height: 188px;
margin: 0 auto;
overflow: hidden;
position: relative;
text-align: center;
width: 300px;
}
.ayudadeblogger img { /* la imagen */
display: block;
position: relative;
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 1;
filter: alpha(opacity=100);
}
.ayudadeblogger:hover img {
-moz-transform: rotate(720deg) scale(0);
-webkit-transform: rotate(720deg) scale(0);
-o-transform: rotate(720deg) scale(0);
-ms-transform: rotate(720deg) scale(0);
transform: rotate(720deg) scale(0);
opacity: 0;
filter: alpha(opacity=0);
}
.ayudadeblogger .mask {
background-color: #094B8D;
height: 188px;
left: 0;
position: absolute;
overflow: hidden;
top: 0;
width: 300px;
-moz-transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
-o-transform: rotate(0deg) scale(1);
-ms-transform: rotate(0deg) scale(1);
transform: rotate(0deg) scale(1);
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 0;
filter: alpha(opacity=0);
}
.ayudadeblogger:hover .mask {
-moz-transform: translateY(0px) rotate(0deg);
-webkit-transform: translateY(0px) rotate(0deg);
-o-transform: translateY(0px) rotate(0deg);
-ms-transform: translateY(0px) rotate(0deg);
transform: translateY(0px) rotate(0deg);
-moz-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
opacity: 1;
filter: alpha(opacity=100);
}
.ayudadeblogger h4 { /* ecuador-turistico.com */
background-color: rgba(255, 255, 255, 0.5);
color: #fff;
text-align: center;
position: relative;
font-family: Georgia;
font-size: 20px;
margin: 20px 0 0 0;
padding: 5px 0;
text-shadow: 0 3px 1px #000;
-moz-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ayudadeblogger:hover h4 {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-moz-transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
-o-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.ayudadeblogger p {
color: #000;
font-family: Tahoma;
font-size: 13px;
margin: 0;
padding: 15px;
position: relative;
text-align: center;
text-shadow: 1px 1px 1px #FFF;
-moz-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ayudadeblogger:hover p {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-moz-transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
-o-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.ayudadeblogger a.info {
background-color: #456;
border-radius: 5px;
box-shadow: 0 0 2px #FFF, 0 0 5px #FFF inset;
color: #FFF;
display: inline-block;
padding: 7px 14px;
text-decoration: none;
-moz-transform: translateY(-200px);
-webkit-transform: translateY(-200px);
-o-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ayudadeblogger a.info:hover {
box-shadow: 0 0 5px #FFF;
}
.ayudadeblogger:hover a.info {
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-moz-transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
}
</style>
<div class="ayudadeblogger">
<img src="http://impresora3dprinter.com/wp-content/uploads/2013/03/lapiz-dibujo-3d-2-300x112.jpg" />
<div class="mask">
<h4> DISEÑO DE OBJETOS </h4>
<p> Crean un lápiz que permite crear piezas sin una impresora 3D </p>
<a href="http://impresora3dprinter.com/crean-un-lapiz-que-permite-crear-piezas-sin-una-impresora-3d/2013/03/09/"
class="info"> LEER MAS </a>
</div>
</div>
<!--
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYVDKPFqFz3TEqbP56BbeaWpfLdYp9NKmH8edgq1aJKkYfsfedZKmpVbQ2ZEkhyphenhyphenfgLsnpUBOXGc56Uc-ffz6dTqicROXjYrpDoGpiCLniBIUWOPbUirFYvPIHKvDERPJ0j3TGiGRcJwig/s1600/ayudadeblogger+1.jpg" />
<div class="mask">
<h4> AQUI EL TITULO </h4>
<p> Aquí su texto resumido </p>
<a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUzBiEH421nNEN0PIcss1X8qVCs7IeYwWuqdpuIFVnRs1xP0Ti6Jk-FJDfaG6KrFkfRAXnl1PCNvr8tHyxBG7G71CuwFXvrIjYkT9A5mbs2GrvZNzRXlB7Dnq3MIssViSjzas02-Jq4QQ/s1600/ayudadeblogger+1.jpg" />
<div class="mask">
<h4> AQUI EL TITULO </h4>
<p> Aquí su texto resumido </p>
<a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
<div class="ayudadeblogger">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigRTzEl4Oftjlm8gChRKjdusYAzw1aeb7LuxDOTL8TCZk1NlpoeDiF-GDuzrxx51zdIHHNSv58iqyOgW95iwh0Oqc0vfViCsPEG0WyxXi6AEURJ4eOwQ78KoLxuRXVCEmgA1B4hed7fBY/s1600/ayudadeblogger+1.jpg" />
<div class="mask">
<h4> AQUI EL TITULO </h4>
<p> Aquí su texto resumido </p>
<a href="http://www.lasvegashoteles.us/" class="info"> LEER MAS </a>
</div>
</div>
-->