diff --git a/src/components/MainCard/MainCard.js b/src/components/MainCard/MainCard.js index d963acb..4c5f1fc 100644 --- a/src/components/MainCard/MainCard.js +++ b/src/components/MainCard/MainCard.js @@ -11,10 +11,35 @@ import { PowerGlitch } from 'powerglitch'; class MainCard extends Component { - glitching() { - PowerGlitch.glitch('#photoProfil'); + componentDidMount() { + PowerGlitch.glitch('img', + { + playMode: 'hover', + hideOverflow: true, + timing: { + duration: 1000, + iterations: 15, + easing: 'ease-in-out', + }, + glitchTimeSpan: { + start: 0.0, + end: 0.7, + }, + shake: { + velocity: 10, + amplitudeX: 0.4, + amplitudeY: 0.4, + }, + slice: { + count: 4, + velocity: 10, + minHeight: 0.02, + maxHeight: 0.40, + hueRotate: true, + }, + } + ); } - render() { var metaThemeColor = document.querySelector("meta[name=theme-color]"); metaThemeColor.setAttribute("content", window.matchMedia('(prefers-color-scheme: dark)').matches ? "#25444b" : "#5c9ead");