0 Пользователей и 1 Гость просматривают эту тему.
  • 0 Ответов
  • 422 Просмотров
*

Lemonez

  • Захожу иногда
  • 205
  • 2 / 2
Помогите, пожалуйста!
Проблема в том, что в Youtheme Pro вставляю следующий код:
Код
<div class="globe-container">
<div class="globe">
<div class="globe-sphere"></div>
<div class="globe-outer-shadow"></div>
<div class="globe-worldmap">
<div class="globe-worldmap-back"></div>
<div class="globe-worldmap-front"></div>
</div>
<div class="globe-inner-shadow"></div>
</div>
</div>
и CSS
Код
.globe-container,
.globe {
width: 200px;
height: 200px;
}
.globe-container {
position: relative; 
display: inline-block;
margin: 30px;
transform: scale(1.1);
}
.globe {
position: relative; 
display: block;
margin: 0;
padding: 0;
top: 0;
left: 0;
}
.globe-worldmap,
.globe-worldmap-front,
.globe-worldmap-back,
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
position: absolute;
display: block;
margin: 0;
}
.globe-sphere,
.globe-outer-shadow,
.globe-inner-shadow {
left: 0;
top: 0;
width: 200px;
height: 200px;
background-position: 0 0;
background-repeat: no-repeat;
}
.globe-worldmap {
left: 0;
top: 0;
width: 200px;
height: 200px;
overflow: hidden;
border-radius: 50%;
}
.globe-worldmap-front,
.globe-worldmap-back {
left: 0;
top: 0;
width: 1000px;
height: 200px;
overflow: visible;
background-image: url(/images/adress-cb.svg);
background-repeat: no-repeat;
}
.globe-outer-shadow {
left: 0;
top: 186px;
width: 200px;
height: 30px;
background-image: url(/images/adress-cb1.svg);
}
.globe-inner-shadow {
background-image: url(/images/adress-cb2.svg);
}

.globe-worldmap-front {
background-position: 0px 0px;
animation: textureSpinreverse 8s linear infinite;
}
.globe-worldmap-back {
background-position: 0px -220px;
    animation: textureSpin 8s linear infinite;
}

@keyframes textureSpin {
from {
transform: translateX(0);
}
to {
        transform: translateX(-47.5%);
}
}
@keyframes textureSpinreverse {
from {
        transform: translateX(-47.5%);
}
to {
transform: translateX(0);
}
}
В итоге должен быть крутящийся шар. Но шар есть и не крутится. Что только не перепробовал. Вот образец: https://atuin.ru/blog/vrashhayushhijsya-zemnoj-shar/
Подозреваю, что проблема чисто в UIKIT Youtheme, потому что в бутстрапном шаблоне все работает.
Как исправить?
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

offcanvas не работает с joomshoping

Автор kibervolk

Ответов: 5
Просмотров: 10762
Последний ответ 01.05.2022, 09:29:57
от kibervolk
После добавления контента сайт не работает

Автор Эллочка

Ответов: 11
Просмотров: 5883
Последний ответ 18.03.2021, 16:49:13
от morskoj
Шаблоны страниц Youtheme Pro

Автор Lemonez

Ответов: 0
Просмотров: 428
Последний ответ 08.12.2020, 18:50:04
от Lemonez
Не работает модальное окно

Автор Lemonez

Ответов: 2
Просмотров: 500
Последний ответ 27.11.2020, 11:08:16
от draff
Не работает выпадающий пункт меню на мультиязычном сайте Joomla 3, Helix Frame

Автор iskintel

Ответов: 15
Просмотров: 1036
Последний ответ 04.04.2020, 18:51:22
от sergkh