webag

const videos = document.querySelectorAll("video");
	const config = {
		rootMargin: '0px -100px',
		threshold: 0
	}
	const callback = (entries) => {
		entries.forEach((entry) => {
			if (!entry.isIntersecting) {
				entry.target.pause();
				console.log('Exit video');

webag

/* Anim Observer BEGIN */
document.addEventListener("DOMContentLoaded", function(event) {
	const elements = document.querySelectorAll('.anim');
	const options = {
		rootMargin: '0px 0px',
		threshold: 1
	}
	const callback = (entries) => {
		entries.forEach(entry => {
			if (entry.isIntersecting) {

webag

<?
$subdomain = "XXX";
$client_id = "XXX"; // id нашей интеграции
$client_secret = "XXX"; // секретный ключ нашей интеграции
$redirect_uri = "https://XXX.ru/";  // домен сайта нашей интеграции
$amoTokenFile = $_SERVER['DOCUMENT_ROOT'] . "/ajax/amotoken.txt"; // Путь для файла с токенами - любой удобный
$responsible_user_id = 9380670;

$resultAmoIntegration = [];

webag

<div class="box">
	  <div class="test"></div>
	  <div class="test-2"></div>
</div>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
	<defs>
		<filter id="goo">
			<feGaussianBlur in="SourceGraphic" stdDeviation="3" result="blur" />
			<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 19 -9" result="goo" />

webag

btn.addEventListener('click', () => {
	btn.classList.toggle('opened');
	slideToggle(popupBlock, 300, function() {
		console.log('callback ended animation');
	});
})

function slideToggle(container, speed = 300, callback) {
	let currentState;
	if (window.getComputedStyle(container).display == "none") {