И как сам файл со стилями найтикликните по style.css?ver=_b.... что справа.
-webkit-transform: ;
-moz-transform: ;
-o-transform: ;
-ms-transform: ;
transform
-webkit-animation:
-moz-animation:
-ms-animation:
-o-animation:
animation:
-webkit-transition: all ;
-moz-transition: all ;
-o-transition: all ;
-ms-transition: all ;
transition: all ;transition: transform 5s, opacity 5s, border-bottom 5s;.uk-inline {
display: flex;
align-items: center;
}$(window).on('scroll', function(){
var scr = $(this).scrollTop();
var elem = $('div');
var elemOffset = $('div').offset().top;
// Условие
if ( elemOffset == 75 )) {
elem.addClass('fixed');
}
if (scr > 75) {
elem.removeClass('fixed');
}
});
// Где fixed - класс, который фиксирует ваше меню где-то там, где верхняя граница нижней границы.fixed {
position: fixed;
left: (ваше значение)
top: 75px;
}<div class="title title--color__red"></div>
<div class="title title--color__green"></div>
<div class="title title--color__black"></div>// .title- глобальный класс. Можно задать общие стили для группы элементов, чтобы их не дублировать
.title {
text-align: center;
color: black;
font-size: 16px;
}
// собственные классы. Дополнительные (индивидуальные) стили
.title .title--color__red {
color: red;
}
.title .title--color__green {
color: green;
font-size: 14px; // Переопределили стиль глобального класса
}
.title .title--color__red {
color: blue;
text-decoration: underline;
}.product img {
opacity: 0;
width: 150%;
transition: 1s all;
}
.product:hover img {
opacity: 1;
width: 100%;
}$('body').append('<div id="modal-window"></div>');
$('#modal-window').append('<h3>Some text</h3>');
var text = 'lorem ipsum';
$('#modal-window').append('<p>' + text + '</p>');<?php include '..blocks/modal-window.php';?>$('body').prepend('<style>input[type="checkbox"]{display:inherit !important;}</style>');