import rippleEffect from './snippets/ripple-effect-snippet.js';
rippleEffect(document.getElementById('ripple-01'));
rippleEffect(document.querySelector('#ripple-02'));
rippleEffect(document.querySelector('#ripple-04'));
rippleEffect(document.querySelector('#ripple-03'), {
backgroundColor: 'rgb(255, 170, 170)',
rippleColor: 'rgb(255, 220, 220)',
});
import greenBox from './snippets/green-box-snippet.js';
let greenBoxElements = document.querySelectorAll('.green-box');
greenBoxElements.forEach(el => greenBox(el));
import jazzyButton from './snippets/jazzy-button-snippet.js';
let jazzyButtonElements = document.querySelectorAll('.jazzy-button');
jazzyButtonElements.forEach(el => jazzyButton(el));
import spotlight from './snippets/spotlight-text-snippet.js';
spotlight(document.querySelector('#spotlight-01'));
spotlight(document.querySelector('#spotlight-02'), {
backgroundColor: 'gold',
spotlightColor: 'yellow',
});
import pagePerformance from './snippets/page-performance-snippet.js';
let performanceElements = document.querySelectorAll('.page-performance');
performanceElements.forEach(el => pagePerformance(el));
import placeholder from './snippets/placeholder-effect-snippet.js';
let placeholderElements = document.querySelectorAll('.placeholder');
placeholderElements.forEach(el => placeholder(el));
import wordHighlighter from './snippets/word-highlighter-snippet.js';
document.querySelectorAll('.default-highlighter').forEach(el => wordHighlighter(el));
document.querySelectorAll('.thick-orange-highlighter').forEach(el => wordHighlighter(el, {
highlightColor: 'orange',
thickness: 6,
}));
import animatedHoverGradient from './snippets/animated-hover-gradient-snippet.js';
document.querySelectorAll('.animated-hover-gradient').forEach(el => animatedHoverGradient(el));
import animatedWordGradient from './snippets/animated-word-gradient-snippet.js';
document.querySelectorAll('.animated-word-gradient').forEach(el => animatedWordGradient(el));
import panImage from './snippets/pan-image-snippet.js';
document.querySelectorAll('.pan-image').forEach(el => panImage(el));