Showing source for: https://sft-trading.ru/
Duration: 0.292059s
Server: nginx/1.24.0
<!DOCTYPE html>
<html lang="ru">
<head>
<title>SFT: 25 лет с зеленым кофе </title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, user-scalable=0">
<meta name="mobile-web-app-capable" content="yes">
<meta name="theme-color" content="#fff">
<meta name="application-name" content="sft">
<link rel="apple-touch-icon" sizes="57x57" href="/local/templates/main/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/local/templates/main/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/local/templates/main/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/local/templates/main/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114"
href="/local/templates/main/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120"
href="/local/templates/main/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144"
href="/local/templates/main/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152"
href="/local/templates/main/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180"
href="/local/templates/main/favicon/apple-touch-icon-180x180.png">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="sft">
<link rel="icon" type="image/png" sizes="32x32" href="/local/templates/main/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/local/templates/main/favicon/favicon-16x16.png">
<link rel="shortcut icon" href="/local/templates/main/favicon/favicon.ico">
<link rel="apple-touch-startup-image"
media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)"
href="/local/templates/main/favicon/apple-touch-startup-image-320x460.png">
<link rel="apple-touch-startup-image"
media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"
href="/local/templates/main/favicon/apple-touch-startup-image-640x920.png">
<link rel="apple-touch-startup-image"
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"
href="/local/templates/main/favicon/apple-touch-startup-image-640x1096.png">
<link rel="apple-touch-startup-image"
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)"
href="/local/templates/main/favicon/apple-touch-startup-image-750x1294.png">
<link rel="apple-touch-startup-image"
media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)"
href="/local/templates/main/favicon/apple-touch-startup-image-1182x2208.png">
<link rel="apple-touch-startup-image"
media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)"
href="/local/templates/main/favicon/apple-touch-startup-image-1242x2148.png">
<link rel="apple-touch-startup-image"
media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)"
href="/local/templates/main/favicon/apple-touch-startup-image-748x1024.png">
<link rel="apple-touch-startup-image"
media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)"
href="/local/templates/main/favicon/apple-touch-startup-image-768x1004.png">
<link rel="apple-touch-startup-image"
media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)"
href="/local/templates/main/favicon/apple-touch-startup-image-1496x2048.png">
<link rel="apple-touch-startup-image"
media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)"
href="/local/templates/main/favicon/apple-touch-startup-image-1536x2008.png">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Зеленый кофе для обжарщиков" />
<link href="/bitrix/cache/css/s1/main/page_1d7ea70294edee849d82cd5062873e29/page_1d7ea70294edee849d82cd5062873e29_v1.css?170489921519416" type="text/css" rel="stylesheet" />
<link href="/bitrix/cache/css/s1/main/template_b4fb1e632b1d0e7c16e42931bfabec8a/template_b4fb1e632b1d0e7c16e42931bfabec8a_v1.css?1704899215378766" type="text/css" data-template-style="true" rel="stylesheet" />
<script type="text/javascript">if(!window.BX)window.BX={};if(!window.BX.message)window.BX.message=function(mess){if(typeof mess==='object'){for(let i in mess) {BX.message[i]=mess[i];} return true;}};</script>
<script type="text/javascript">(window.BX||top.BX).message({'pull_server_enabled':'N','pull_config_timestamp':'0','pull_guest_mode':'N','pull_guest_user_id':'0'});(window.BX||top.BX).message({'PULL_OLD_REVISION':'Для продолжения корректной работы с сайтом необходимо перезагрузить страницу.'});</script>
<script type="text/javascript">(window.BX||top.BX).message({'JS_CORE_LOADING':'Загрузка...','JS_CORE_NO_DATA':'- Нет данных -','JS_CORE_WINDOW_CLOSE':'Закрыть','JS_CORE_WINDOW_EXPAND':'Развернуть','JS_CORE_WINDOW_NARROW':'Свернуть в окно','JS_CORE_WINDOW_SAVE':'Сохранить','JS_CORE_WINDOW_CANCEL':'Отменить','JS_CORE_WINDOW_CONTINUE':'Продолжить','JS_CORE_H':'ч','JS_CORE_M':'м','JS_CORE_S':'с','JSADM_AI_HIDE_EXTRA':'Скрыть лишние','JSADM_AI_ALL_NOTIF':'Показать все','JSADM_AUTH_REQ':'Требуется авторизация!','JS_CORE_WINDOW_AUTH':'Войти','JS_CORE_IMAGE_FULL':'Полный размер'});</script>
<script type="text/javascript" src="/bitrix/js/main/core/core.min.js?1698887921221146"></script>
<script>BX.setJSList(['/bitrix/js/main/core/core_ajax.js','/bitrix/js/main/core/core_promise.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/loadext/loadext.js','/bitrix/js/main/loadext/extension.js','/bitrix/js/main/polyfill/promise/js/promise.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/includes/js/includes.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/ui/polyfill/closest/js/closest.js','/bitrix/js/main/polyfill/fill/main.polyfill.fill.js','/bitrix/js/main/polyfill/find/js/find.js','/bitrix/js/main/polyfill/matches/js/matches.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/core/core.js','/bitrix/js/main/polyfill/intersectionobserver/js/intersectionobserver.js','/bitrix/js/main/lazyload/dist/lazyload.bundle.js','/bitrix/js/main/polyfill/core/dist/polyfill.bundle.js','/bitrix/js/main/parambag/dist/parambag.bundle.js']);
</script>
<script type="text/javascript">(window.BX||top.BX).message({'LANGUAGE_ID':'ru','FORMAT_DATE':'DD.MM.YYYY','FORMAT_DATETIME':'DD.MM.YYYY HH:MI:SS','COOKIE_PREFIX':'BITRIX_SM','SERVER_TZ_OFFSET':'10800','UTF_MODE':'Y','SITE_ID':'s1','SITE_DIR':'/','USER_ID':'','SERVER_TIME':'1716241328','USER_TZ_OFFSET':'0','USER_TZ_AUTO':'Y','bitrix_sessid':'037f1b608e9d11b5b6648c9a7f6b60c6'});</script>
<script type="text/javascript" src="/bitrix/cache/js/s1/main/kernel_main/kernel_main_v1.js?1704899724154480"></script>
<script type="text/javascript" src="/bitrix/js/pull/protobuf/protobuf.min.js?161493066476433"></script>
<script type="text/javascript" src="/bitrix/js/pull/protobuf/model.min.js?161493066414190"></script>
<script type="text/javascript" src="/bitrix/js/main/core/core_promise.min.js?15923853572490"></script>
<script type="text/javascript" src="/bitrix/js/rest/client/rest.client.min.js?16149307359240"></script>
<script type="text/javascript" src="/bitrix/js/pull/client/pull.client.min.js?169888787847780"></script>
<script type="text/javascript" src="/bitrix/js/yandex.metrika/script.js?16988877646603"></script>
<script type="text/javascript">BX.setJSList(['/bitrix/js/main/core/core_fx.js','/bitrix/js/main/session.js','/bitrix/js/main/pageobject/pageobject.js','/bitrix/js/main/core/core_window.js','/bitrix/js/main/date/main.date.js','/bitrix/js/main/core/core_date.js','/bitrix/js/main/utils.js','/local/templates/main/template.js']);</script>
<script type="text/javascript">BX.setCSSList(['/local/templates/main/components/bitrix/catalog.section.list/catalog-main/style.css','/local/templates/main/components/bitrix/catalog.section.list/cacao-main/style.css','/local/templates/main/components/bitrix/catalog.section.list/education-main/style.css','/local/templates/main/template_styles.css','/local/templates/main/styles.css']);</script>
<script type="text/javascript">
window.dataLayerName = 'dataLayer';
var dataLayerName = window.dataLayerName;
</script>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function (m, e, t, r, i, k, a) {
m[i] = m[i] || function () {
(m[i].a = m[i].a || []).push(arguments)
};
m[i].l = 1 * new Date();
k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a)
})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym("92813753", "init", {
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true,
ecommerce: dataLayerName,
params: {
__ym: {
"ymCmsPlugin": {
"cms": "1c-bitrix",
"cmsVersion": "23.675",
"pluginVersion": "1.0.8",
'ymCmsRip': 3984121938 }
}
}
});
document.addEventListener("DOMContentLoaded", function() {
});
</script>
<!-- /Yandex.Metrika counter -->
<script type="text/javascript">
window.counters = ["92813753"];
</script>
<script type="text/javascript">
(function () {
"use strict";
var counter = function ()
{
var cookie = (function (name) {
var parts = ("; " + document.cookie).split("; " + name + "=");
if (parts.length == 2) {
try {return JSON.parse(decodeURIComponent(parts.pop().split(";").shift()));}
catch (e) {}
}
})("BITRIX_CONVERSION_CONTEXT_s1");
if (cookie && cookie.EXPIRE >= BX.message("SERVER_TIME"))
return;
var request = new XMLHttpRequest();
request.open("POST", "/bitrix/tools/conversion/ajax_counter.php", true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.send(
"SITE_ID="+encodeURIComponent("s1")+
"&sessid="+encodeURIComponent(BX.bitrix_sessid())+
"&HTTP_REFERER="+encodeURIComponent(document.referrer)
);
};
if (window.frameRequestStart === true)
BX.addCustomEvent("onFrameDataReceived", counter);
else
BX.ready(counter);
})();
</script>
<script>window[window.dataLayerName] = window[window.dataLayerName] || [];</script>
<script type="text/javascript" src="/bitrix/cache/js/s1/main/template_fd8f95aaed07459b39126305a4527f1b/template_fd8f95aaed07459b39126305a4527f1b_v1.js?17048992152958415"></script>
<script type="text/javascript">var _ba = _ba || []; _ba.push(["aid", "0ea60e891ed8fc2e044836e89c7c93ad"]); _ba.push(["host", "sft-trading.ru"]); (function() {var ba = document.createElement("script"); ba.type = "text/javascript"; ba.async = true;ba.src = (document.location.protocol == "https:" ? "https://" : "http://") + "bitrix.info/ba.js";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(ba, s);})();</script>
</head>
<body class="body-bg"
style=" background-image: url(/upload/iblock/6dd/8yv25j20v6ags1mm669l1wswmxclh26g/415vwmg7zl9jdttn8eee9z7jxgo2rt75.jpg);
">
<div class="page-head" style="">
<div class="page-head__inner">
<header class="header">
<div class="container header__inner">
<span class="header-logo">
<img class="header-logo__img" src="/local/templates/main/images/logo.svg"> <div class="header-logo__title">Зеленый кофе<br>и какао<br>для обжарщиков</div>
</span>
<nav class="header-nav js-mobile-menu">
<a class="header-nav__close" href=""><i class="icon-close"></i></a>
<ul class="header-nav__list">
<li class="header-nav__item">
<a class="header-nav__link " href="/coffee/">
Зеленый кофе </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/cacao/">
Какао </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/roasters/">
Ростеры и софт </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/education/">
Обучение </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/services/">
Услуги </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/about/">
О компании </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/news/">
Новости </a>
</li>
<li class="header-nav__item">
<a class="header-nav__link " href="/contacts/">
Контакты </a>
</li>
</ul>
<a class="header-nav__burger js-menu-bar" href="javascript:void(0);">
<div class="menu-bar">
<span class="menu-bar__stick"></span>
<span class="menu-bar__stick"></span>
<span class="menu-bar__stick"></span>
</div>
<div class="header-nav__menu">Меню</div>
</a>
</nav> <div class="header-rates">
<div class="header-rates__inner">
<div class="header-rates__title">1$ = 90,6537 ₽</div>
<div class="header-rates__subtitle">курс ЦБ РФ на 21.05.2024</div>
</div>
</div>
<div class="header-login">
<a class="header-login__inner" href="https://personal.sft-trading.ru/" rel="nofollow" target="_blank">
<img class="header-login__icon" src="/local/templates/main/images/cart-icon.svg">
<div class="header-login__text">Вход</div>
</a> </div>
</div>
</header>
</div>
</div>
<main class="main">
<div class="index-container">
<div class="index-container__top">
<div class="index-container__head">
<div class="index-container__head-text"> Поставки зеленого кофе и какао<br>от мешка до контейнера </div>
</div>
<div class="index-container__cources">
<div class="splide index-cources js-index-cources splide--fade splide--ltr splide--draggable is-active"
id="splide01" style="max-width: 100%; visibility: visible;">
<div class="splide__arrows">
<button class="index-cources__arrow splide__arrow--prev" aria-controls="splide01-track" disabled=""
aria-label="Previous slide"><i class="icon-dropdown-stroke"></i></button>
<button class="index-cources__arrow splide__arrow--next" aria-controls="splide01-track"
aria-label="Next slide"><i class="icon-dropdown-stroke"></i></button>
</div>
<div class="splide__track" id="splide01-track">
<ul class="splide__list" id="splide01-list">
<li class="splide__slide" id="splide01-slide0"
aria-hidden="false" tabindex="0"
style="width: 248px; transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;">
<a class="d-block link-white" href="/news/snizyatsya-li-tseny-na-kofe-blagodarya-postavkam-novogo-urozhaya-iz-brazilii-i-indonezii/">
<div class="text-placeholder font-weight-600 fz-12">20 мая 2024</div>
<div class="text-line-3">Снизятся ли цены на кофе благодаря поставкам нового урожая из Бразилии и Индонезии?</div>
</a>
</li>
<li class="splide__slide is-active is-visible" id="splide01-slide1"
aria-hidden="false" tabindex="0"
style="width: 248px; transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;">
<a class="d-block link-white" href="/news/cuprima-poslednie-narabotki-v-oblasti-kofeynykh-obrabotok-part-1/">
<div class="text-placeholder font-weight-600 fz-12">11 апреля 2024</div>
<div class="text-line-3">Перевод статьи Cuprima: последние наработки в области кофейных обработок. Часть 1.</div>
</a>
</li>
<li class="splide__slide is-active is-visible" id="splide01-slide2"
aria-hidden="false" tabindex="0"
style="width: 248px; transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;">
<a class="d-block link-white" href="/news/aprelskiy-tsenovoy-shtorm-v-razgare/">
<div class="text-placeholder font-weight-600 fz-12">7 апреля 2024</div>
<div class="text-line-3">Апрельский ценовой шторм в разгаре</div>
</a>
</li>
<li class="splide__slide is-active is-visible" id="splide01-slide3"
aria-hidden="false" tabindex="0"
style="width: 248px; transition: opacity 400ms cubic-bezier(0.42, 0.65, 0.27, 0.99) 0s;">
<a class="d-block link-white" href="/news/i-snova-pro-tseny-na-kofe/">
<div class="text-placeholder font-weight-600 fz-12">27 февраля 2024</div>
<div class="text-line-3">И снова про цены на кофе…</div>
</a>
</li>
</ul>
</div>
</div>
</div> </div>
<div class="index-container__bottom">
<div class="index-container__product">
<a class="h3 fixed-head link-white" href="/coffee/">Зеленый кофе</a>
<div class="fz-17">
<ul class="list-unstyled">
<li>
<a class="link-white" href="/coffee/filter/group-is-микролоты/apply/">Микролоты</a>
</li>
<li>
<a class="link-white" href="/coffee/filter/group-is-арабика/apply/">Арабика</a>
</li>
<li>
<a class="link-white" href="/coffee/filter/group-is-робусты/apply/">Робусты</a>
</li>
<li>
<a class="link-white" href="/coffee/filter/group-is-смеси/apply/">Смеси</a>
</li>
<li>
<a class="link-white" href="/coffee/filter/group-is-экзотика/apply/">Экзотика</a>
</li>
</ul>
</div>
</div>
<div class="index-container__soft">
<a class="h3 fixed-head link-white" href="/cacao/">Какао</a>
<div class="fz-17">
<ul class="list-unstyled">
<li>
<a class="link-white" href="/cacao/filter/group-is-какао-бобы/apply/">Какао-бобы</a>
</li>
<li>
<a class="link-white" href="/cacao/filter/group-is-какао-масло/apply/">Какао-масло</a>
</li>
</ul>
</div>
</div>
<div class="index-container__learn">
<a class="h3 fixed-head link-white" href="/roasters/">Ростеры и софт</a> <a class="index-logo-text link-white mb-5" href="/roasters/besca/"> <img width="60" src="/local/templates/main/images/index-logo/besca.png" class="index-logo-text__logo">
<div class="index-logo-text__body">
<div class="index-logo-text__title">
BESCA
</div>
<div class="index-logo-text__subtitle">
Промышленные ростеры
</div>
</div>
</a>
<a class="index-logo-text link-white mb-5" href="/roasters/ikawa/"> <img width="60" src="/local/templates/main/images/index-logo/IKAWA.png" class="index-logo-text__logo">
<div class="index-logo-text__body">
<div class="index-logo-text__title">
IKAWA
</div>
<div class="index-logo-text__subtitle">
Лабораторные ростеры
</div>
</div>
</a> <a class="index-logo-text link-white" href="/roasters/po-cropster/"> <img width="60" src="/local/templates/main/images/index-logo/CROPSTER.png" class="index-logo-text__logo">
<div class="index-logo-text__body">
<div class="index-logo-text__title">
CROPSTER
</div>
<div class="index-logo-text__subtitle">
Программное обеспечение
</div>
</div>
</a>
</div>
<br>
<div class="index-container__soft">
<a class="h3 fixed-head link-white" href="/education/">Обучение</a>
<a class="index-logo-text link-white mb-5" href="/education/?section=kursy-sca-speciality-coffee-association">
<div class="index-logo-text__body">
<img width="60" src="" class="index-logo-text__logo">
<div class="index-logo-text__title fz-17">Курсы SCA Speciality Coffee Association</div>
</div>
</a>
<a class="index-logo-text link-white mb-5" href="/education/?section=sobstvennye-programmy-sft">
<div class="index-logo-text__body">
<img width="60" src="" class="index-logo-text__logo">
<div class="index-logo-text__title fz-17">Собственные<br> программы СФТ</div>
</div>
</a>
</div>
<div class="index-container__learn last">
<a class="h3 fixed-head link-white" href="/services/">Услуги</a>
<div class="fz-17">
<ul class="list-unstyled">
<li>
<a class="link-white" href="/services/zelenyy-kofe-pod-klyuch/">Зеленый кофе под ключ</a>
</li>
<li>
<a class="link-white" href="/services/uslugi-trening-tsentra/">Услуги тренинг-центра</a>
</li>
<li>
<a class="link-white" href="/services/uslugi-laboratorii/">Услуги лаборатории</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer-bottom">
<div class="container">
<div class="row text-center justify-content-between mb-n1">
<div class="col-sm-auto mb-1">
<div class="note">2024 © ООО «СФТ ТРЕЙДИНГ»</div>
</div>
<div class="col-sm-auto mb-1">
</div>
</div>
</div>
</div>
<a class="back-to-top js-back-to-top" href="javascript:void(0);">Вверх</a>
</footer>
<div id="loading-indicator-template" class="hidden">
<style>
.bubblingG {
text-align: center;
width:80px;
height:50px;
}
.bubblingG span {
display: inline-block;
vertical-align: middle;
width: 10px;
height: 10px;
margin: 25px auto;
background: #000000;
-moz-border-radius: 50px;
-moz-animation: bubblingG 1.3s infinite alternate;
-webkit-border-radius: 50px;
-webkit-animation: bubblingG 1.3s infinite alternate;
-ms-border-radius: 50px;
-ms-animation: bubblingG 1.3s infinite alternate;
-o-border-radius: 50px;
-o-animation: bubblingG 1.3s infinite alternate;
border-radius: 50px;
animation: bubblingG 1.3s infinite alternate;
}
#bubblingG_1 {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
#bubblingG_2 {
-moz-animation-delay: 0.39s;
-webkit-animation-delay: 0.39s;
-ms-animation-delay: 0.39s;
-o-animation-delay: 0.39s;
animation-delay: 0.39s;
}
#bubblingG_3 {
-moz-animation-delay: 0.78s;
-webkit-animation-delay: 0.78s;
-ms-animation-delay: 0.78s;
-o-animation-delay: 0.78s;
animation-delay: 0.78s;
}
@-moz-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-moz-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-moz-transform: translateY(-21px);
}
}
@-webkit-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-webkit-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-webkit-transform: translateY(-21px);
}
}
@-ms-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-ms-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-ms-transform: translateY(-21px);
}
}
@-o-keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
-o-transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
-o-transform: translateY(-21px);
}
}
@keyframes bubblingG {
0% {
width: 10px;
height: 10px;
background-color:#000000;
transform: translateY(0);
}
100% {
width: 24px;
height: 24px;
background-color:#FFFFFF;
transform: translateY(-21px);
}
}
</style>
<div class="bubblingG">
<span id="bubblingG_1">
</span>
<span id="bubblingG_2">
</span>
<span id="bubblingG_3">
</span>
</div> </div>
<!--[if lt IE 9]>
<script data-skip-moving="true" type="text/javascript" src="/local/components/indi/no.old.browser/panel.php"></script>
<![endif]-->
</body>
</html>