Better glitching
This commit is contained in:
parent
8b1c7d0d3f
commit
b44f29bfbf
@ -11,10 +11,35 @@ import { PowerGlitch } from 'powerglitch';
|
|||||||
|
|
||||||
class MainCard extends Component {
|
class MainCard extends Component {
|
||||||
|
|
||||||
glitching() {
|
componentDidMount() {
|
||||||
PowerGlitch.glitch('#photoProfil');
|
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() {
|
render() {
|
||||||
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
var metaThemeColor = document.querySelector("meta[name=theme-color]");
|
||||||
metaThemeColor.setAttribute("content", window.matchMedia('(prefers-color-scheme: dark)').matches ? "#25444b" : "#5c9ead");
|
metaThemeColor.setAttribute("content", window.matchMedia('(prefers-color-scheme: dark)').matches ? "#25444b" : "#5c9ead");
|
||||||
|
Loading…
x
Reference in New Issue
Block a user