shake-crazy, shake-freeze




<link rel="stylesheet" type="text/css" href="csshake.min.css"><!-- or from surge.sh --><linkrel="stylesheet" type="text/css" href=“min.css"><div class="shake"></div> <div class="shake-hard"></div> <div class="shake-slow"></div> <div class="shake-little"></div> <div class="shake-horizontal"></div> <div class="shake-vertical"></div> <div class="shake-rotate"></div> <div class="shake-opacity"></div> <div class="shake-crazy"></div> <div class="shake-chunk"></div><ul class="shake-trigger"> <li class="shake-slow"></li> <li></li> <li></li> <li class="shake-hard"></li> <li></li><li class="shake"></li></ul><!-- To include only some csshake animations use this syntax --><link rel="stylesheet" type="text/css" href="csshake-slow.min.css"><!-- or from surge.sh --><link rel="stylesheet" type="text/css" href=“htin.css"><!-- To shake constant --><div class="shake-slow shake-constant"></div><!-- and stops on :hover --><div class="shake-slow shake-constant shake-constant--hover"></div><!-- Freeze animation at that point when :hover --><div class="shake-crazy shake-freeze”></div>.my-custom-shake{@include do-shake($name: 'my-custom-shake', /* {String} is the name for the keyframes animation */$h: 5px, /*  {Number} is the max number for random to assign in x axis */ $v: 5px, /* {Number} is the max number for random to assign in y axis */$r: 3deg, /* {Number} is the max number for random rotation */$dur: 100ms, /* {Number} is the animation-duration time value */$precision: .02, /* {Number} is the precision of the keyframes animation. For example .02 generates keyframes each 2% and .1 each 10%. The calculation is $step: 100 * $precision; */$opacity: false, $q: infinite, /* {String} is the animation-iteration-count value */$t: ease-in-out, /* {String} animation-timing-function value */$delay: null, /* {Number} animation-delay time value */$chunk: 100%); /* {Number} is the part of the keyframes where apply the animation */}/* Example shake-crazy */.shake-crazy {@include do-shake('shake-crazy', 40, 40, 20, 100ms, .1, $opacity: true);
Ficha Técnica
Francisco Venâncio
2021

︎︎︎ portfólio online



Francisco Venâncio (Lisboa, 1990). Estudou nas Caldas da Rainha onde completou a licenciatura e mestrado em Artes Plásticas na Escola Superior de Artes e Design. Das exposições colectivas destacam-se: A Play of Boundaries, Galeria Carlos Carvalho, Lisboa; O caminho que corre pelo silêncio, Espaço Mira, Porto; Quando o tacto se faz contacto, Galeria Sala 117, Porto; Espacios Políticos, Museo Pablo Serrano, Zaragoza; Caleidoscópio, Maus Hábitos e Galeria do Sol, Porto; Não é o Sol, é a tocha, Galeria da Livraria Sá da Costa, Lisboa; Proyector, Galeria Nadie Nunca Nada No, Madrid; Lumen, Casa das Artes de Tavira. Das exposições individuais, destacam-se: brrr, uhh, shhhh, Galeria Sala 117, Porto; NADD II, Electricidade Estética, Caldas da Rainha; Uma Viagem ao Sol, Rua do Sol 172, Porto.