Mostrando produtos por etiqueta: CSS

W-Bags by Waterstone

GT Informática

Portugal Genial

GT Informática

Passportclub Clube de viagens

http://www.passportclub.pt

GT Informática

Destinos FNAC- A Vida é Bela

GT Informática

Presentes a2 A vida é bela

http://www.presentesa2.com
http://www.presentesa2.com.b
http://www.regalosa2.com

Global Fardas

Vestuário e protecção indústrial

Representante oficial fardamento G.N.R. - P.S.P. - Bombeiros Portugal
http://www.globalfardas.pt

Angola Cables

Angola Cables é uma empresa de telecomunicações de direito angolano,
constituída em 2009, pelos 5 principais operadores de telecomunicações
em Angola.
http://www.angolacables.co.ao/

ToastPost

Production studio website - Helsinki - Finland
http://www.toastpost.com/

N30

Loja online surfwear made in portugal
http://n30.pt

para alternar entre classes

HTML:

<div id="IDdoDiv" class="escondido">
<a class="LinkAbrir" title="Abrir"></a>
<a class="LinkFechar escondido" title="Fechar"></a>
</div>


JQuery:

<script type="text/javascript">
$(document).ready(function({

$(".LinkAbrir").click(function(){ // identifica o elemento
$("#IDdoDIV").removeClass("escondido"); // remove a classe "escondido"
$("#IDdoDIV").addClass("visivel"); // insere a classe "visivel"
});
});
$(document).ready(function(){
$(".LinkFechar").click(function(){
$("#IDdoDIV").removeClass("escondido");
$("#IDdoDIV").addClass("visivel");
});
});
</script>

CSS

movimentar o div com css

.visivel {

transition: All 1s ease-in-out;
-webkit-transition: All 1s ease-in-out;
-moz-transition: All 1s ease-in-out;
-o-transition: All 1s ease-in-out;
transform: rotate(0deg) scaleX(1) skew(0deg) translateY(0px);
-webkit-transform: rotate(0deg) scaleX(1) skew(0deg) translateY(0px);
-moz-transform: rotate(0deg) scaleX(1) skew(0deg) translateY(0px);
-o-transform: rotate(0deg) scaleX(1) skew(0deg) translateY(0px);
-ms-transform: rotate(0deg) scaleX(1) skew(0deg) translateY(0px);
}


.escondido {
transition: All 2s ease-in-out;
-webkit-transition: All 2s ease-in-out;
-moz-transition: All 2s ease-in-out;
-o-transition: All 2s ease-in-out;
transform: rotate(0deg) scale(1) skew(0deg) translateY(-4000px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translateY(-4000px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translateY(-4000px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translateY(-4000px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translateY(-4000px);
}