MENÚ

animaciones alumnos 1 ESO

Sigue el tablero animaciones de paco en Pinterest.


SERGIO MORENO 1ºB




DomoNation.com: monigotes en el avion by dheshy




DomoNation.com: Party by Fer30


DomoNation.com: dragonball by Olafisnas


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: bicho loco by oso moroso


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: dragonball by Olafisnas


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: la apocalipsis by Olafisnas


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: muerte asesina by oso moroso


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: lA AMENAZA by Diego Adalid


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: monster by Fer30


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: muerte asesina by oso moroso


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: monigotes en el avion by dheshy


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: SCARY MOVIE by oso moroso


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: BATALLA by Samu2001


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: BATALLA by Samu2001


Like it? Create your own at DomoNation.com. It's free and fun!
DomoNation.com: Party by Fer30


Like it? Create your own at DomoNation.com. It's free and fun!


crear animaciones


















necesario registrarse

Make a Video Online with GoAnimate.com











gifs animados







                  Edición de VÍDEOS  ONLINE

menú vertical 2

<center>
<div class="menuzoomout">
<ul>
  <li><a href="DIRECCION URL">TEXTO ENLACE</a></li>
  <li><a href="DIRECCION URL">TEXTO ENLACE</a></li>
  <li><a href="DIRECCION URL">TEXTO ENLACE</a></li>
  <li><a href="DIRECCION URL">TEXTO ENLACE</a></li>
  <li><a href="DIRECCION URL">TEXTO ENLACE</a></li>
</ul>
</div></center>

<style>
.menuzoomout ul {
  width: 100%;
  margin: 15px 10px;
  padding: 10px;
  list-style: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
background: #cccccc;
background: -moz-linear-gradient(left,  #cccccc 0%, #e8e8e8 29%, #cccccc 43%, #e8e8e8 65%, #cccccc 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cccccc), color-stop(29%,#e8e8e8), color-stop(43%,#cccccc), color-stop(65%,#e8e8e8), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(left,  #cccccc 0%,#e8e8e8 29%,#cccccc 43%,#e8e8e8 65%,#cccccc 100%);
background: -o-linear-gradient(left,  #cccccc 0%,#e8e8e8 29%,#cccccc 43%,#e8e8e8 65%,#cccccc 100%);
background: -ms-linear-gradient(left,  #cccccc 0%,#e8e8e8 29%,#cccccc 43%,#e8e8e8 65%,#cccccc 100%);
background: linear-gradient(to right,  #cccccc 0%,#e8e8e8 29%,#cccccc 43%,#e8e8e8 65%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 );

}
.menuzoomout ul li {
  margin: 5px auto;
  padding: 5px;border:2px solid #cdcdcd;
  cursor: pointer;color:#575757;
  font-family: century gothic;font-weight: bold;
  font-size: 25px;
  line-height: 30px;
  -webkit-transition: 200ms all;
  -moz-transition: 200ms all;
  -o-transition: 200ms all;
  transition: 200ms all;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
text-shadow: -1px 0 #cdcdcd, 0 1px #cdcdcd, 1px 0 #cdcdcd, 0 -1px #cdcdcd, -1px 1px 2px #cdcdcd;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

-webkit-box-shadow: 0px 1px 9px rgba(50, 50, 50, 0.75);-moz-box-shadow:    0px 1px 9px rgba(50, 50, 50, 0.75);box-shadow:         0px 1px 9px rgba(50, 50, 50, 0.75);
}
.menuzoomout ul li:first-of-type {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}
.menuzoomout ul li:last-of-type {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.menuzoomout ul li:hover {
  padding-left: 20px;
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.menuzoomout ul li a {color:#575757 !important;}
  </style>

menú vertical 1


<div id="fondomenublur">
<div style="font-family:century gothic;font-size:10px;color:#cdcdcd;text-align:center;font-style: normal;border-bottom:2px solid #F7FE2E;">Menu</div>
<ul class="menublur"><br/>

<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>
<li><a href="URL">TEXTO</a></li>

</ul>

<br/></div>

<style>
#fondomenublur {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxaoBMdbFICN8len-wjvvsTJ_Q0LpjpY_Lq8fXCIS0SNhGLbvUSruVlhuy0fsE4_QSleaqamKSQam6D7Eu7SAVGjk73a8zCx0TDqAz8yhCJ0cpqgpuZSOZqG0rLnqUduucFAIIA-IUpvs/s505/fondo%2520menu%2520Blur%2520-%2520REDEANDO.jpg)repeat scroll 0 0 #000000;
    font-family: helvetica,sans-serif;width:100%;
    font-weight: bold;border:4px solid #cdcdcd;
    font-style: italic;
}

.menublur li{
    font-size: 28px;
    display:block;
}

.menublur li a{
    text-decoration:none;
    text-transform:uppercase;
    color:transparent !important;
    text-shadow: 0px 0px 6px #F7FE2E;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    -ms-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.menublur li a:hover{
    color:#FFF !important;
    padding-left:10px;text-shadow: -1px 0 #FAD210, 0 1px #FAD210, 1px 0 #FAD210, 0 -1px #FAD210, -1px 1px 2px #FAD210 !important;
}

.menublur:hover li a{
    text-shadow: 0px 0px 6px #666;
</style>