{
test: /\.(png|jpg|gif|svg)$/,
loader: 'file-loader',
options: {
name: '[name].[ext]'
}
},
{
test: /\.(png|jpg|gif|svg)$/i,
type: 'asset/resource',
generator: {
filename: `${PATHS.assets}img/[name][ext]`
}
},
var arrowSlider =
'<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">' +
'<path d="M25 20.5019C25 20.8242 24.8824 21.1173 24.6472 21.3517L17.003 28.6777C16.7678 28.8828 16.4738 29 16.1798 29C15.8564 29 15.5624 28.8828 15.3272 28.6483C14.8862 28.1795 14.8861 27.4469 15.3566 26.978L22.1187 20.5019L15.3566 14.0257C14.8861 13.5862 14.8862 12.8243 15.3272 12.3554C15.7682 11.8865 16.5326 11.8865 17.003 12.3261L24.6472 19.6521C24.8824 19.8865 25 20.1795 25 20.5019Z" fill="#A7A7A7"/>' +
'</svg>'
$('.exapmle__box').owlCarousel({
...
navText: [arrowSlider, arrowSlider],
...
})
<input type="text" id="username">
<label for="username">Click me</label>
GSAP. Как изменять zIndex на определённых точках Path?
Всем привет. Собственно говоря, задача такая. Есть горизонтальный текст, который будет огибать некий объект по скроллу.
Получается, что на крайних нижних точках zIndex перемещающегося элемента будет равен -1, а на верхних точка он наоборот становится больше зединдекса текста.