Позвонить
LET'S GO!
Оставить заявку
Оставить заявку
LET'S GO!
https://mo-ti.ru/mybutton

Создали ZeroBlock и добавили в него элемент Button/Кнопка

Настроили эту кнопку:
- убрали фон, радиус, надпись
- добавили белую границу в 1px
- добавили тень
- задали ссылку #mybuttonbg

Создали элемент Image с иконкой вертолёта и разместили его поверх кнопки

Создали элементы Text и добавили поверх кнопки

Затем создали ещё одну кнопку в размер предыдущей и сделали её полностью прозрачной и без границ. Задали ей ссылку #mybutton
(можно любую свою ссылку)
. И наложили эту кнопку поверх первой и нашего контента (иконки и текста). Получился такой бургер кнопка-контент-кнопка

Затем добавили на страницу код в блок Другое►Т123

Оставить заявку
Оставить заявку
Смотрите прайс
специально для ВАС
Оставить заявку
Оставить заявку
Оставить заявку
Оставить заявку
...
Оставить заявку
Оставить заявку
Оставить заявку
Оставить заявку

Как сделать плавный рост значения чисел в ZeroBlock для Tilda

https://mo-ti.ru/number-animation-fr501
  1. Создали ZeroBlock и добавили в него элемент Text с классом num-up1
  2. Для следующих задавали классы num-up1 , num-up2
  3. Добавили код в блок Другое - Т123

<script> 
$(document).ready(function(){
    
    
	$(function () { 
	    let elArr = [
	        'num-up1',  //Класс элемента
	        99,         //Конечное число
	        'ms',       //Подпись после числа
	        300,        //Дистанция до срабатывания
	        6000        //Скорость анимации в миллисекундах
	        ];
		let target_block = $('.'+elArr[0]+' .tn-atom');let blockStatus = true;  
		$(window).scroll(function() { 
			let scrollEvent = ($(window).scrollTop() > ($(target_block).offset().top - $(window).height() + elArr[3] )); 
			if(scrollEvent && blockStatus) { blockStatus = false; 
					$({numberValue: 0}).animate({numberValue: elArr[1]}, { 
					duration: elArr[4], easing: "swing", 
					step: function(val) { 
						target_block.html(String(Math.ceil(val)).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ') +' '+elArr[2]); 
					}
				}); 
			} 
		}); 
	});
	
	
	$(function () { 
	    let elArr = [
	        'num-up2',  //Класс элемента
	        1900,       //Конечное число
	        'pl',       //Подпись после числа
	        350,        //Дистанция до срабатывания
	        3000        //Скорость анимации в миллисекундах
	        ];
		let target_block = $('.'+elArr[0]+' .tn-atom');let blockStatus = true;  
		$(window).scroll(function() { 
			let scrollEvent = ($(window).scrollTop() > ($(target_block).offset().top - $(window).height() + elArr[3] )); 
			if(scrollEvent && blockStatus) { blockStatus = false; 
					$({numberValue: 0}).animate({numberValue: elArr[1]}, { 
					duration: elArr[4], easing: "swing", 
					step: function(val) { 
						target_block.html(String(Math.ceil(val)).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ') +' '+elArr[2]); 
					}
				});
			} 
		}); 
	});
	
	
	$(function () { 
	    let elArr = [
	        'num-up3',  //Класс элемента
	        24,         //Конечное число
	        '',         //Подпись после числа
	        400,        //Дистанция до срабатывания
	        3000        //Скорость анимации в миллисекундах
	        ];
		let target_block = $('.'+elArr[0]+' .tn-atom');let blockStatus = true;  
		$(window).scroll(function() { 
			let scrollEvent = ($(window).scrollTop() > ($(target_block).offset().top - $(window).height() + elArr[3] )); 
			if(scrollEvent && blockStatus) { blockStatus = false; 
					$({numberValue: 0}).animate({numberValue: elArr[1]}, { 
					duration: elArr[4], easing: "swing", 
					step: function(val) { 
						target_block.html(String(Math.ceil(val)).replace(/(\d)(?=(\d{3})+([^\d]|$))/g, '$1 ') +' '+elArr[2]); 
					}
				}); 
			}
		}); 
	});
	
	
	
	
	
	
	
});	
</script> 
Made on
Tilda