Настройка анимации "блик" на кнопку

Настройте анимацию в два клика

Рассмотрим, как настроить на кнопку анимацию "блик":

Как выглядит анимация

1. В настройках кнопки выберите пункт меню "импорт":

Настройка анимации

2. Скопируйте и добавьте в модальное окно код, который указан ниже. Готово!

Добавление кода

Скопируйте код, нажав на него трижды левой кнопкой мыши:

{"className":"WidgetButton","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.platformalp.ru/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.platformalp.ru/bgvideo/island.mp4","bgVideo_Webm":"//s.platformalp.ru/bgvideo/island.webm","bgVideo_Ogv":"//s.platformalp.ru/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.platformalp.ru/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":0,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5},"tabs":{"primary":"paddings","bg":"bg_video_","bg_particles":"particles_view","bg_place__soft":"bg_place__soft_main","bg_place__hard":"bg_place__hard_main","shadow__soft":"shadow__soft_main","shadow__hard":"shadow__hard_main","paddings__soft":"paddings__soft_main","paddings__hard":"paddings__hard_main","widgetfx":"widgetfx_wow"},"toggles":{"bg_place":"soft","shadow":"soft","paddings":"soft"}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3","metahtml":"3.3"},"settings":{"handlers":"settings","vals":{"contentType":"text","contentText":"Название кнопки","contentTextFont":"font-text","contentTextStyle":"normal","contentIcon":"flag","contentImage":{"file":"//s.platformalp.ru/macros/button/default.png","size":[182,21],"pack":"users","datamix":{"img":"3.3"}},"contentImageSize":100,"viewType":"metahtml","textColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.bgColor","alpha":"data.settings.vals.bgColor_Alpha"},"special":"same-bg","specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"bgColor":{"from":"global","datamix":{"color":"3.3"},"router":"color","parent":{"type":"frontcolor"},"global":{"id":0}},"bgColor_Alpha":1,"borderStyle":"none","borderColor":{"from":"self","special":"dark-0.2","data":[0.5996732026143832,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"},"same-text":{"title":"Такой же, как цвет текста","link":"data.settings.vals.textColor"},"dark-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.2]]},"dark-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color"},"borderWidthTop":1,"borderWidthBottom":1,"borderWidthLeft":1,"borderWidthRight":1,"borderReflect":1,"borderRadiusTopLeft":5,"borderRadiusTopRight":5,"borderRadiusBottomLeft":5,"borderRadiusBottomRight":5,"shadow":true,"shadowX":0,"shadowY":4,"shadowBlur":10,"shadowScale":0,"shadowColor":{"from":"global","special":"same-bg","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color","global":{"id":0}},"shadowAlpha":0.5,"shadowReflect":false,"padTop":8,"padBottom":8,"padLeft":24,"padRight":24,"textSize":14,"textSizeMd":14,"textSizeSm":null,"textSizeXs":null,"effectsHoverPosition":"hvr-float","effectsHoverBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.bgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.settings.vals.bgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.settings.vals.bgColor","transform":[["l","inc",0.1]]},"same-text":{"title":"Перекрасить в цвет текста","link":"data.settings.vals.textColor"},"same-borders":{"title":"Перекрасить в цвет рамки","link":"data.settings.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBgColor_Alpha":1,"effectsHoverBg":"hvr-fade","effectsHoverTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.effectsHoverBgColor","alpha":"data.settings.vals.effectsHoverBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.textColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.textColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.textColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Перекрасить в цвет фона","link":"data.settings.vals.bgColor"},"same-borders":{"title":"Перекрасить в цвет обводки","link":"data.settings.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-0.2","specials":{"same":{"title":"Не менять","link":"data.settings.vals.borderColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.borderColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.borderColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Такой же, как цвет фона","link":"data.settings.vals.effectsHoverBgColor"},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]},"same-text":{"title":"Такой же, как цвет текста","link":"data.settings.vals.effectsHoverTextColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverBgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","inc",0.1]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor_Alpha":1,"effectsActiveTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.settings.vals.effectsActiveBgColor","alpha":"data.settings.vals.effectsActiveBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverTextColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverTextColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverTextColor","transform":[["l","inc",0.2]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-bg-0.2","specials":{"same":{"title":"Не менять","link":"data.settings.vals.effectsHoverBordersColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.settings.vals.effectsHoverBordersColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.settings.vals.effectsHoverBordersColor","transform":[["l","inc",0.2]]},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.settings.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"align":"center","alignXs":"none","action":"modal","link":"http://","js":"alert(\"Кнопка была нажата\");","id":"","ym_goal":"","ga_category":"","ga_action":"","hoverEffectOnScroll":true,"name":"HTML виджет","html":"<button class=\"button-546 #{{style}}\" plp-button-root>\n  <span class=\"padding\"></span>\n  <% if (regular === 'flare') { %>\n    <svg class=\"flare\" viewbox=\"0 0 1 1\"></svg>\n  <% } %>\n  <% if (icon_place !== 'none') { %>\n  <span class=\"ico\">\n    <component name=\"icon\"></component>\n  </span>\n  <span class=\"ico-margin\"></span>\n  <% } %>\n  <span class=\"text\" plp-button-content></span>\n  <span class=\"padding\"></span>\n</button>","css":".button-546 {\n  background: #{{'linear-gradient('+deg+'deg, '+colorg1+','+colorg2+')'}};\n  color: #{{colortext}};\n  font-family: #{{font}};\n  font-size: #{{size_x_all}}px;\n  padding: #{{vpadding_x_all}}px 0;\n  display: flex;\n  position: relative;\n  align-items: center;\n  <% if (icon_place === 'right') { %>\n  flex-direction: row-reverse;\n  <% } %>\n  max-width: 100%;\n  width: 100%;\n  border: none;\n  border-radius: #{{rad1}}px #{{rad2}}px #{{rad4}}px #{{rad3}}px;\n  outline: none;\n  transition: 150ms transform;\n  box-shadow: 0 #{{shadow / 3}}px #{{shadow}}px 0px #{{colorg1.a_set(shadow_alpha/100).l_dec(shadow_dark / 100)}};\n}\n\n\n<% if (icon_place !== 'none') { %>\n.ico {\n  width: #{{size_x_all * (icon_size / 100)}}px;\n  display: inline-block;\n  flex-shrink: 0;\n  box-sizing: content-box;\n}\n\n.ico-margin {\n  width: #{{size_x_all * (icon_margin / 100)}}px;\n  display: inline-block;\n  flex-shrink: 0;\n}\n\n<% } %>\n\n<% if (size_x_xs !== null) { %>\n.screen-xs .button-546 {\n  font-size: #{{size_x_xs}}px;\n}\n\n.screen-xs .ico {\n  width: #{{size_x_xs * (icon_size / 100)}}px;\n}\n\n.screen-xs .ico-margin {\n  width: #{{size_x_xs * (icon_margin / 100)}}px;\n}\n<% } %>\n\n<% if (size_x_sm !== null) { %>\n.screen-sm .button-546 {\n  font-size: #{{size_x_sm}}px;\n}\n\n.screen-sm .ico {\n  width: #{{size_x_sm * (icon_size / 100)}}px;\n}\n\n.screen-sm .ico-margin {\n  width: #{{size_x_sm * (icon_margin / 100)}}px;\n}\n<% } %>\n\n<% if (size_x_md !== null) { %>\n.screen-md .button-546 {\n  font-size: #{{size_x_md}}px;\n}\n\n.screen-md .ico {\n  width: #{{size_x_md * (icon_size / 100)}}px;\n}\n\n.screen-md .ico-margin {\n  width: #{{size_x_md * (icon_margin / 100)}}px;\n}\n<% } %>\n\n<% if (vpadding_x_xs !== null) { %>\n.screen-xs .button-546 {\n  padding: #{{vpadding_x_xs}}px;\n}\n<% } %>\n\n<% if (vpadding_x_sm !== null) { %>\n.screen-sm .button-546 {\n  padding: #{{vpadding_x_sm}}px;\n}\n<% } %>\n\n<% if (vpadding_x_md !== null) { %>\n.screen-md .button-546 {\n  padding: #{{vpadding_x_md}}px;\n}\n<% } %>\n\n.button-546:hover, .button-546:focus, .button-546.hover {\n  background: #{{grad_inv?'linear-gradient('+deg+'deg, '+colorg2+','+colorg1+')':'linear-gradient('+deg+'deg, '+colorg1.l_dec(0.1)+','+colorg2.l_dec(0.1)+')'}};\n}\n\n.button-546:active, .button-546.active {\n\tbackground: #{{grad_inv?'linear-gradient('+deg+'deg, '+colorg2.l_dec(0.2)+','+colorg1.l_dec(0.2)+')':'linear-gradient('+deg+'deg, '+colorg1.l_dec(0.2)+','+colorg2.l_dec(0.2)+')'}};\n\n}\n\n.button-546.bold {\n  font-weight: bold;\n}\n\n.button-546.uppercase {\n  letter-spacing: 0.1em;\n  text-transform: uppercase;\n}\n\n.button-546[disabled] {\n  pointer-events: none;\n  opacity: 0.5;\n}\n\n.padding {\n  flex-shrink: 1000000;\n  flex-grow: 1;\n  width: #{{hpadding_x_all}}px;\n  display: block;\n}\n\n<% if (hpadding_x_xs !== null) { %>\n.screen-xs .padding {\n  width: #{{hpadding_x_xs}}px;\n}\n<% } %>\n\n<% if (hpadding_x_sm !== null) { %>\n.screen-sm .padding {\n  width: #{{hpadding_x_sm}}px;\n}\n<% } %>\n\n<% if (hpadding_x_md !== null) { %>\n.screen-md .padding {\n  width: #{{hpadding_x_md}}px;\n}\n<% } %>\n\n.text {\n  flex-shrink: 1;\n  text-align: center;\n}\n\n<% if (hover === 'grow') { %>\n.button-546:hover {\n  transform: scale(#{{1 + hover_grow / 1000}});\n}\n<% } else if (hover === 'float') { %>\n.button-546:hover {\n  transform: translateY(-#{{hover_float}}px);\n}\n<% } %>\n\n<% if (regular === 'flare') { %>\n.button-546 {\n  overflow: hidden;\n}\n\n.flare {\n  background-color: rgba(255, 255, 255, 0.4);\n  background: linear-gradient(90deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.6) 50%, rgba(255,255,255,0.15) 100%);\n  background-origin: content-box;\n  height: 100%;\n  display: block;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transform: skewX(-45deg) translateX(-150%);\n  animation: #{{_uid}}_moving #{{period}}s ease-in-out infinite;\n}\n  \n@keyframes #{{_uid}}_moving {  \n  30%{\n    left: 100%;\n    transform: skewX(-45deg) translateX(50%);\n    }\n  100% {\n    left: 100%;\n    transform: skewX(-45deg) translateX(50%);\n  }\n}\n<% } %>\n\n<% if (regular === 'pulse') { %>\n.button-546 {\n  animation: #{{_uid}}_pulse #{{period}}s linear infinite;\n}\n\n@keyframes #{{_uid}}_pulse {\n  70% { transform: scale(1); }\n  85% { transform: scale(1.05); }\n  100% { transform: scale(1); }\n}\n<% } %>","meta_js":"","meta_js_lazy":false,"meta_js_state":"return {\n  initialState: {},\n  eventListeners: {},\n  reset: function () {},\n};","encapsulation":true,"components":[{"name":"icon","type":"icon"}],"meta_cdn":[],"tabs":[{"id":"main","name":"Главные"},{"id":"size","name":"Размер"},{"id":"border","name":"Обводка"},{"id":"shadow","name":"Тень"},{"id":"icon","name":"Иконка"},{"id":"fx","name":"Эффекты"}],"variables":[{"macros":"colorg1","name":"Первый цвет в градиенте","showCondition":"","useInJs":false,"tab":"main","type":"color","value":{"from":"global","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"global":{"id":0},"datamix":{"color":"3.3"}}},{"macros":"colorg2","name":"Второй цвет в градиенте","showCondition":"","useInJs":false,"tab":"main","type":"color","value":{"from":"global","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"global":{"id":0,"transform":[["l","rel",0.2]]},"datamix":{"color":"3.3"},"data":[0,0.6000000000000001,0.39375]}},{"macros":"deg","name":"Направление градиента","showCondition":"","useInJs":false,"tab":"main","type":"number","min":0,"max":360,"value":90},{"macros":"grad_inv","name":"Инвертировать цвета при наведении","showCondition":"","useInJs":false,"tab":"main","type":"checkbox","value":false},{"macros":"style","name":"Стиль текста","showCondition":"","useInJs":false,"tab":"main","type":"btngroup","values":{"normal":"Простой","bold":"Жирный","uppercase":"Заглавный"},"value":"normal"},{"macros":"colortext","name":"Цвет текста","showCondition":"","useInJs":false,"tab":"main","type":"color","value":{"from":"self","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"global":{"id":0,"transform":[["l","rel",0.95]]},"datamix":{"color":"3.3"},"data":[0,0,1]}},{"macros":"font","name":"Шрифт","showCondition":"","useInJs":false,"tab":"main","type":"font","value":"font-text"},{"macros":"size_x_all","name":"Размер","showCondition":"","useInJs":false,"tab":"size","type":"number","min":6,"max":40,"value":16},{"macros":"size_x_md","name":"Размер","showCondition":"","useInJs":false,"tab":"size","type":"number","min":6,"max":40,"value":null},{"macros":"size_x_sm","name":"Размер","showCondition":"","useInJs":false,"tab":"size","type":"number","min":6,"max":40,"value":null},{"macros":"size_x_xs","name":"Размер","showCondition":"","useInJs":false,"tab":"size","type":"number","min":6,"max":40,"value":null},{"macros":"vpadding_x_all","name":"Отступы сверху и снизу","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":15},{"macros":"vpadding_x_md","name":"Отступы сверху и снизу","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"vpadding_x_sm","name":"Отступы сверху и снизу","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"vpadding_x_xs","name":"Отступы сверху и снизу","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"hpadding_x_all","name":"Отступы слева и справа","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":30},{"macros":"hpadding_x_md","name":"Отступы слева и справа","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"hpadding_x_sm","name":"Отступы слева и справа","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"hpadding_x_xs","name":"Отступы слева и справа","showCondition":"","useInJs":false,"tab":"size","type":"number","min":0,"max":100,"value":null},{"macros":"icon_place","name":"Положение иконки","showCondition":"","useInJs":false,"tab":"icon","type":"btngroup","values":{"none":"Без иконки","left":"Слева","right":"Справа"},"value":"none"},{"macros":"icon_help","name":"Выбор иконки","showCondition":"icon_place !== 'none'","useInJs":false,"tab":"icon","type":"info","value":"","message":"Чтобы изменить иконку, кликните по ней прямо на кнопке"},{"macros":"icon_size","name":"Размер иконки","showCondition":"icon_place !== 'none'","useInJs":false,"tab":"icon","type":"number","min":40,"max":400,"value":200},{"macros":"icon_margin","name":"Отступ от иконки","showCondition":"icon_place !== 'none'","useInJs":false,"tab":"icon","type":"number","min":10,"max":100,"value":50},{"macros":"shadow","name":"Размер тени","showCondition":"","useInJs":false,"tab":"shadow","type":"number","min":0,"max":50,"value":20},{"macros":"shadow_dark","name":"Темнота тени","showCondition":"","useInJs":false,"tab":"shadow","type":"number","min":0,"max":100,"value":30},{"macros":"shadow_alpha","name":"Непрозрачность тени","showCondition":"","useInJs":false,"tab":"shadow","type":"number","min":0,"max":100,"value":50},{"macros":"hover","name":"По наведению","showCondition":"","useInJs":false,"tab":"fx","type":"btngroup","values":{"none":"Нет","grow":"Увеличить","float":"Поднять"},"value":"grow"},{"macros":"hover_grow","name":"Степень увеличения","showCondition":"hover === 'grow'","useInJs":false,"tab":"fx","type":"number","min":10,"max":100,"value":25},{"macros":"hover_float","name":"Степень поднятия","showCondition":"hover === 'float'","useInJs":false,"tab":"fx","type":"number","min":0,"max":10,"value":5},{"macros":"regular","name":"Постоянная анимация","showCondition":"","useInJs":false,"tab":"fx","type":"btngroup","values":{"none":"Нет","flare":"Блик","pulse":"Пульсация"},"value":"flare"},{"macros":"period","name":"Скорость анимации","showCondition":"regular!=='none'","useInJs":false,"tab":"fx","type":"number","min":1,"max":10,"value":3},{"macros":"var25","name":"","showCondition":"","useInJs":false,"tab":"border","type":"info","value":"","message":"Скругление обводки"},{"macros":"rad1","name":"Сверху слева","showCondition":"","useInJs":false,"tab":"border","type":"number","min":0,"max":100,"value":15},{"macros":"rad2","name":"Сверху справа","showCondition":"","useInJs":false,"tab":"border","type":"number","min":0,"max":100,"value":15},{"macros":"rad3","name":"Снизу слева","showCondition":"","useInJs":false,"tab":"border","type":"number","min":0,"max":100,"value":15},{"macros":"rad4","name":"Снизу справа","showCondition":"","useInJs":false,"tab":"border","type":"number","min":0,"max":100,"value":15}]},"datamix":{"button":"3.3"},"tabs":{"primary":"view","content":"content_text","view":"view_metahtml","view_style__soft":"view_style__soft_main","view_style__hard":"view_style__hard_active","view_text__soft":"view_text__soft_main","view_text__hard":"view_text__hard_main","view_paddings__soft":"view_paddings__soft_main","view_paddings__hard":"view_paddings__hard_main","view_borders__soft":"view_borders__soft_main","view_borders__hard":"view_borders__hard_main","view_radius__soft":"view_radius__soft_main","view_radius__hard":"view_radius__hard_main","view_shadow__soft":"view_shadow__soft_main","view_shadow__hard":"view_shadow__hard_main","view_metahtml__soft":"view_metahtml__soft_main","view_metahtml__hard":"view_metahtml__hard_html"},"toggles":{"view_style":"soft","view_text":"hard","view_paddings":"hard","view_borders":"hard","view_radius":"hard","view_shadow":"soft","view_metahtml":"soft"}},"state":{},"components":{"icon":{"handlers":"rawsvgicon","vals":{"src":{"file":"//s.platformalp.ru/img/icons-simple-solid/57--black.png","pack":"icons-simple-solid","size":[256,256],"svg":"<path d=\"M88.125,18.41c-9.327,0-17.992,4.545-23.201,12.165l-1.076,1.367l-0.717-0.915C57.982,23.124,49.3,18.41,39.877,18.41 c-16.079,0-27.75,11.67-27.75,27.747c0,23.738,42.974,58.724,46.107,61.241c1.48,1.414,3.415,2.191,5.469,2.191 c2.055,0,3.99-0.777,5.471-2.193c3.145-2.535,46.699-38.073,46.699-61.239C115.873,30.08,104.204,18.41,88.125,18.41z\"/>","datamix":{"img":"3.3"},"color":null}},"datamix":{"rawsvgicon":"3.3"},"tplname":"icon","tabs":{"primary":"img"}}},"templates":{"cont":{"sources":[],"datamix":{"cont":"3.3"},"tplname":"cont"},"text":{"html":"<p>Редактируемый текст</p>","datamix":{"html":"3.3"},"tplname":"text"},"icon":{"handlers":"rawsvgicon","vals":{"src":{"file":"//s.platformalp.ru/img/icons-simple-thin/49--black.png","pack":"icons-simple-thin","size":[256,256],"svg":"<style type=\"text/css\"><![CDATA[ .st0{fill:none;stroke:#231F20;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;} ]]></style><polygon class=\"st0\" points=\"30.001,2.421 38.965,20.576 59,23.49 44.499,37.622 47.922,57.579 30.001,48.156 12.076,57.579 15.5,37.622 1,23.49 21.041,20.576 \"/>","datamix":{"img":"3.3"}}},"datamix":{"rawsvgicon":"3.3"},"tplname":"icon"},"image":{"handlers":"rawimage","vals":{"src":{"file":"//u0.platformalp.ru/63d3a6c9689d0a310bdb33ba48a9f341/194594eafe8a83db5eb472d202544c73.png","size":[477,500],"pack":"users","datamix":{"img":"3.3"}}},"datamix":{"rawimage":"3.3"},"tplname":"image"}},"form":{"name":{"html":"<p><strong>Заявка</strong></p>","datamix":{"html":"3.3"}},"button":{"handlers":"button_form","vals":{"contentType":"text","contentText":"Отправить заявку!","contentTextFont":"font-text","contentTextStyle":"normal","contentIcon":"flag","contentImage":{"file":"//s.platformalp.ru/macros/button/default.png","size":[182,21],"pack":"users","datamix":{"img":"3.3"}},"contentImageSize":100,"viewType":"legacy","textColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.bgColor","alpha":"data.form.button.vals.bgColor_Alpha"},"special":"same-bg","specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"bgColor":{"from":"parent","parent":{"type":"route","link":"data.settings.vals.bgColor"},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":1,"borderStyle":"solid","borderColor":{"from":"special","special":"dark-0.2","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"},"same-text":{"title":"Такой же, как цвет текста","link":"data.form.button.vals.textColor"},"dark-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.2]]},"dark-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color"},"borderWidthTop":1,"borderWidthBottom":3,"borderWidthLeft":1,"borderWidthRight":1,"borderReflect":1,"borderRadiusTopLeft":5,"borderRadiusTopRight":5,"borderRadiusBottomLeft":5,"borderRadiusBottomRight":5,"shadow":true,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","special":"same-bg","data":[0,0,0],"specials":{"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.bgColor"}},"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.25,"shadowReflect":1,"padTop":8,"padBottom":8,"padLeft":16,"padRight":16,"textSize":18,"textSizeMd":null,"textSizeSm":null,"textSizeXs":null,"effectsHoverPosition":"","effectsHoverBgColor":{"from":"special","special":"dark-0.1","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.bgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.form.button.vals.bgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.form.button.vals.bgColor","transform":[["l","inc",0.1]]},"same-text":{"title":"Перекрасить в цвет текста","link":"data.form.button.vals.textColor"},"same-borders":{"title":"Перекрасить в цвет рамки","link":"data.form.button.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBgColor_Alpha":1,"effectsHoverBg":"","effectsHoverTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.effectsHoverBgColor","alpha":"data.form.button.vals.effectsHoverBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.textColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.textColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.textColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Перекрасить в цвет фона","link":"data.form.button.vals.bgColor"},"same-borders":{"title":"Перекрасить в цвет обводки","link":"data.form.button.vals.borderColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsHoverBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-0.2","specials":{"same":{"title":"Не менять","link":"data.form.button.vals.borderColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.borderColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.borderColor","transform":[["l","inc",0.2]]},"same-bg":{"title":"Такой же, как цвет фона","link":"data.form.button.vals.effectsHoverBgColor"},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]},"same-text":{"title":"Такой же, как цвет текста","link":"data.form.button.vals.effectsHoverTextColor"}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor":{"from":"special","special":"same","data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverBgColor"},"dark-0.1":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.1]]},"light-0.1":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","inc",0.1]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBgColor_Alpha":1,"effectsActiveTextColor":{"from":"contrast","contrast":{"type":"route","link":"data.form.button.vals.effectsActiveBgColor","alpha":"data.form.button.vals.effectsActiveBgColor_Alpha"},"data":[0,0.5,0.5],"specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverTextColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverTextColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverTextColor","transform":[["l","inc",0.2]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"effectsActiveBordersColor":{"from":"special","data":[0,0.5,0.5],"special":"dark-bg-0.2","specials":{"same":{"title":"Не менять","link":"data.form.button.vals.effectsHoverBordersColor"},"dark-0.2":{"title":"Сделать темнее","link":"data.form.button.vals.effectsHoverBordersColor","transform":[["l","dec",0.2]]},"light-0.2":{"title":"Сделать светлее","link":"data.form.button.vals.effectsHoverBordersColor","transform":[["l","inc",0.2]]},"dark-bg-0.2":{"title":"Как фон, но темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.2]]},"dark-bg-0.4":{"title":"Как фон, но еще темнее","link":"data.form.button.vals.effectsHoverBgColor","transform":[["l","dec",0.4]]}},"datamix":{"color":"3.3"},"router":"color","parents":false},"align":"full","alignXs":"none","js":"alert(\"Кнопка была нажата\");","ym_goal":"","ga_category":"","ga_action":"","hoverEffectOnScroll":true},"datamix":{"button":"3.3"}},"settings":{"handlers":"form_hidestructure","vals":{"name":"Виджет \"Кнопка\"","integrations":[],"privacy":"none","privacy_checkbox":"Даю согласие на <обработку персональных данных>","privacy_checked":false,"privacy_text":"Нажимая кнопку, вы даете согласие на <обработку персональных данных>","privacy_source":"global","after":"msg","msg":"Спасибо!\nВаша заявка отправлена.\nВ ближайшее время мы с Вами свяжемся!","title":"Назначение платежа","price":"999 руб.","url":"/","addhtml":"<!-- Этот код будет вставлен перед закрывающим тегом BODY -->","js":"alert(\"Этот код выполняется после успешного отправления заявки.\");","structure":"vertical","verticalStyle":"none","horizontalStyle":"none","size":"size-default","radius":10,"color":{"from":"root","parent":{"type":"route","link":"data.settings.vals.bgColor"},"datamix":{"color":"3.3"},"router":"color"},"opacity":50,"header":false,"headerGradient":true,"fieldWidth":200,"fieldRadius":5,"fieldText":"text-top"}},"width":400,"fields":{"template":{"field":{"handlers":"form__field","vals":{"type":"text","text":"Новое поле","list":["Вариант 1","Вариант 2"],"required":false,"id":"","content":""}}},"ibs":[{"field":{"handlers":"form__field","vals":{"type":"name","text":"Имя","list":["Вариант 1","Вариант 2"],"required":false,"id":"","content":""}}},{"field":{"handlers":"form__field","vals":{"type":"email","text":"Электронная почта","list":["Вариант 1","Вариант 2"],"required":true,"id":"","content":""}}}],"datamix":{"ibs":"3.3"}},"privacy":{"title":{"html":"<p>Политика конфиденциальности</p>","datamix":{"html":"3.3"}},"text":{"html":"<p>Замените этот текст вашей политикой приватности.</p>","datamix":{"html":"3.3"}},"width":600},"cont1":{"sources":[],"datamix":{"cont":"3.3"}},"cont2":{"sources":[],"datamix":{"cont":"3.3"}},"datamix":{"form":"3.3"}},"modal":{"name":{"html":"<p>Заголовок окна</p>","datamix":{"html":"3.3"}},"width":600,"cont":{"sources":[{"className":"WidgetText","data":{"style":{"handlers":"style","vals":{"bgType":"clear","bgImage":{"pack":"bg-tech","file":"//s.platformalp.ru/img/bg-tech/1.jpg","color":[0.55023297764639,1,0.5],"size":[1600,1046],"datamix":{"img":"3.3"}},"bgImage_Blur":0,"bgImage_Attach":false,"bgImage_Size":"cover","bgImage_Repeat":"repeat","bgImage_Valign":"center","bgImage_Halign":"center","bgVideo_Source":"youtube","bgVideo_Youtube":"http://www.youtube.com/watch?v=3oem-M2tQU4","bgVideo_YoutubeImageSource":"youtube","bgVideo_YoutubeImage":{"file":"http://img.youtube.com/vi/3oem-M2tQU4/maxresdefault.jpg","size":[1920,1080],"pack":"users","datamix":{"img":"3.3"}},"bgVideo_Mp4":"//s.platformalp.ru/bgvideo/island.mp4","bgVideo_Webm":"//s.platformalp.ru/bgvideo/island.webm","bgVideo_Ogv":"//s.platformalp.ru/bgvideo/island.ogv","bgVideo_DirectImage":{"file":"//s.platformalp.ru/bgvideo/island.jpg","size":[1280,720],"pack":"users","datamix":{"img":"3.3"}},"bgColor":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgColor_Alpha":0.25,"bgColor_Bright":0,"bgBright":-0.5,"bgGradientDirection":"to bottom","bgGradientColor1":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor1_Alpha":0.8,"bgGradientColor2":{"from":"global","global":{"id":0},"datamix":{"color":"3.3"},"router":"color"},"bgGradientColor2_Alpha":0.2,"bgParticlesShapeParticle":"circle","bgParticlesColorParticle":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"bgParticlesOpacityParticle":1,"bgParticlesNumberParticle":80,"bgParticlesSizeParticle":5,"bgParticlesLink":true,"bgParticlesLinkDistance":150,"bgParticlesMoveState":true,"bgParticlesMoveSpeed":2,"bgParticlesMoveDirection":"none","bgParticlesMoveOutMode":"out","bgParticlesInteractHoverState":false,"bgParticlesInteractHoverType":"grab","bgParticlesInteractHoverGrabDistance":250,"bgParticlesInteractHoverGrabOpacity":0.8,"bgParticlesInteractHoverRepulseDistance":150,"bgParticlesInteractHoverBubbleDistance":150,"bgParticlesInteractHoverBubbleSize":10,"bgParticlesInteractClickState":false,"bgParticlesInteractClickType":"push","bgParticlesInteractClickCount":2,"padTop":5,"padBottom":5,"padLeft":5,"padRight":5,"borderWidth":3,"borderRadius":0,"borderStyle":"none","borderColor":{"from":"parent","parent":{"type":"frontcolor"},"datamix":{"color":"3.3"},"router":"color"},"shadow":false,"shadowInset":false,"shadowX":0,"shadowY":2,"shadowBlur":5,"shadowScale":0,"shadowColor":{"from":"self","data":[0,0,0],"datamix":{"color":"3.3"},"router":"color"},"shadowAlpha":0.5,"wow":false,"wowType":"bounceIn","wowDelay":0,"hover":false,"hoverType":"hvr-grow-mini","id":"","classes":"","hidexs":false,"hidesm":false,"hidemd":false,"hidelg":false,"usePadTopXs":false,"padTopXs":5,"usePadBottomXs":false,"padBottomXs":5,"usePadLeftXs":false,"padLeftXs":5,"usePadRightXs":false,"padRightXs":5,"usePadTopSm":false,"padTopSm":5,"usePadBottomSm":false,"padBottomSm":5,"usePadLeftSm":false,"padLeftSm":5,"usePadRightSm":false,"padRightSm":5,"usePadTopMd":false,"padTopMd":5,"usePadBottomMd":false,"padBottomMd":5,"usePadLeftMd":false,"padLeftMd":5,"usePadRightMd":false,"padRightMd":5}},"datamix":{"nodebg":"3.3","widgetpaddings":"3.3","widgetborders":"3.3","widgetshadow":"3.3","widgetfx":"3.3","widgetparameters":"3.3","widgetadaptive":"3.3"},"settings":{"handlers":"settings","vals":{"tag":"p","font":"font-text","role":"none","forceXs":true,"forceSm":false,"xsFontScale":100,"smFontScale":100,"mdFontScale":100,"fullwidth":false,"line":"none","lineWidth":4,"linePaddings":10,"linePadding":10,"lineLength":40,"lineThickness":4,"color":{"from":"contrast","contrast":{"type":"frontcolor"},"parent":{"type":"frontcolor"},"datamix":{"color":"3.3"}},"color_Alpha":0.5,"opacity":100}},"text":{"html":"<p>Этот текст можно удалить, а вместо него вставить все, что угодно :)</p>","datamix":{"html":"3.3"}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}],"datamix":{"cont":"3.3"}}}},"multilandings":[],"locked":false,"locks":0,"variants":[],"redactor":"3.3.2"}

👆 На этом пока всё