<iframe src="https://www3d.ru/3d/wood/index.html" name="myFrame" frameborder="0"  height="100%" width="100%"></iframe>

<script>
    document.addEventListener("DOMContentLoaded", function () {
        const fullFire = document.querySelectorAll('.fullFireClass')
        let fireArray = [...fullFire]; 
        fireArray.forEach(element => {
            element.onmouseover = function() {
                window.frames.myFrame.postMessage("formClassOver", "*");
            };
            element.onmouseout = function() {
                window.frames.myFrame.postMessage("formClassOut", "*");
            };
        });
        const halfFire = document.querySelectorAll('.halfFireClass')
        let textArray = [...halfFire]; 
        textArray.forEach(element => {
            element.onmouseover = function() {
                window.frames.myFrame.postMessage("textClassOver", "*");
            };
            element.onmouseout = function() {
                window.frames.myFrame.postMessage("textClassOut", "*");
            };
        });
    });
</script>