# blockenberg/2.0.7/blocks/image-mask/frontend.js

Blockenberg — 600+ Advanced Gutenberg Blocks & AI Agent for WordPress Block Editor, version 2.0.7. 32 lines.

- Page: https://pluginprobe.com/plugins/blockenberg/2.0.7/code/blocks/image-mask/frontend.js
- Raw: https://pluginprobe.com/plugins/blockenberg/2.0.7/raw/blocks/image-mask/frontend.js
- Modified: 2026-03-06T12:32:40+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/blockenberg/2.0.7/code/blocks/image-mask/frontend.js#L10-L20`.

```javascript
(function () {
    'use strict';

    function reducedMotion() {
        return window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    }

    function init() {
        if (reducedMotion()) return;

        var imgs = document.querySelectorAll('.bkim-img[data-hover]');
        imgs.forEach(function (img) {
            var scale = parseFloat(img.dataset.scale) || 108;
            var hover = img.dataset.hover;

            // Set CSS custom property so CSS calc() can use the dynamic scale
            img.style.setProperty('--bkim-scale', scale);

            if (hover === 'none') {
                img.style.transition = 'none';
            }
        });
    }

    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
    } else {
        init();
    }

}());

```