#c{data.uid}.flip-card:hover .flip-card-inner {transform: rotateY({card.rotateY});}#c{data.uid} .flip-card-back {transform: rotateY({card.rotateY});} // Flip Card rotate on hover - Card.html function t3sbflipCard(viewportWidth) { document.querySelectorAll('.flip-card').forEach( f => { var width = f.parentElement.clientWidth - 30, height = width, r = width / height; f.style.width = width+'px'; f.style.height = width+'px'; var front = f.querySelectorAll('.flip-card-front')[0]; var back = f.querySelectorAll('.flip-card-back')[0]; front.style.width = width+'px'; front.style.height = width+'px'; back.style.width = width+'px'; back.style.height = width+'px'; }); } // Flip Card rotate on hover - Card.html t3sbflipCard(viewportWidth); window.addEventListener('resize', function(event) { resizedViewportWidth = parseFloat(getComputedStyle(document.querySelector('html'), null).width.replace("px", "")); t3sbflipCard(resizedViewportWidth); }, true);
{data.tx_t3sbootstrap_bodytext -> f:format.html()}
{data.bodytext -> f:format.html()}