L
у той что слева 326(примерно)х400(примерно)
а той что справа 326x600 - это точно
а той что справа 326x600 - это точно
Size: a a a
2021 February 25
r
не совсем понял что изменилось)
L
не совсем понял что изменилось)
ну как минимум скрола нет как на вашем скриншоте
r
ну как минимум скрола нет как на вашем скриншоте
это круто, спасибо) подскажите еще как можно сделать чтобы при загрузке на страницу картинки любого размера, она автоматически принимала размер этого блока (т.е. чтобы все картинки были одинакового размера) . Для этого нужно скрипт отдельный прописывать?
L
это круто, спасибо) подскажите еще как можно сделать чтобы при загрузке на страницу картинки любого размера, она автоматически принимала размер этого блока (т.е. чтобы все картинки были одинакового размера) . Для этого нужно скрипт отдельный прописывать?
width:100%
L
должно помочь
L
или max-width вот этот вариант наверно лучше
IN
это круто, спасибо) подскажите еще как можно сделать чтобы при загрузке на страницу картинки любого размера, она автоматически принимала размер этого блока (т.е. чтобы все картинки были одинакового размера) . Для этого нужно скрипт отдельный прописывать?
b
Так он и так работает вроде? Скинь код и расскажи в чем проблема
.portfolio-img-galery:hover::before{
content: '';
background: url(../images/icon-magnifier.png) no-repeat;
position: absolute;
z-index: 999;
width: 170px;
left: 43px;
top: -130px;
height: 140px;
}
content: '';
background: url(../images/icon-magnifier.png) no-repeat;
position: absolute;
z-index: 999;
width: 170px;
left: 43px;
top: -130px;
height: 140px;
}
b
.portfolio-img-galery{
width: 180px;
height: 180px;
margin: 5px 0 0 2px;
outline: none;
border: none;
position: relative;
transition: all .3s;
}
width: 180px;
height: 180px;
margin: 5px 0 0 2px;
outline: none;
border: none;
position: relative;
transition: all .3s;
}
L
.portfolio-img-galery:hover::before{
content: '';
background: url(../images/icon-magnifier.png) no-repeat;
position: absolute;
z-index: 999;
width: 170px;
left: 43px;
top: -130px;
height: 140px;
}
content: '';
background: url(../images/icon-magnifier.png) no-repeat;
position: absolute;
z-index: 999;
width: 170px;
left: 43px;
top: -130px;
height: 140px;
}
мож дисплей блок надо или инлайн блок
L
а ещё в контенте 2 кавычки надо
N
Есть навбар. При малейшем скорллинге он должен перекрасится. Как это сделать?
е
.portfolio-img-galery{
width: 180px;
height: 180px;
margin: 5px 0 0 2px;
outline: none;
border: none;
position: relative;
transition: all .3s;
}
width: 180px;
height: 180px;
margin: 5px 0 0 2px;
outline: none;
border: none;
position: relative;
transition: all .3s;
}
Так чтобы transition работал нужно его повесить на before
BB
Есть навбар. При малейшем скорллинге он должен перекрасится. Как это сделать?
Intersection Observer - спец апи для отслеживания скрола
Думаю поможет
Думаю поможет
🎈(
Ребята, подскажите кто.
Есть блок фиксед. можно ли его заставить скролиться по у(вместе с парентом) но запретить скролится по х?
Есть блок фиксед. можно ли его заставить скролиться по у(вместе с парентом) но запретить скролится по х?
BB
Ребята, подскажите кто.
Есть блок фиксед. можно ли его заставить скролиться по у(вместе с парентом) но запретить скролится по х?
Есть блок фиксед. можно ли его заставить скролиться по у(вместе с парентом) но запретить скролится по х?
Overflow-x
Overflow-y
Overflow-y
🎈(
Overflow-x
Overflow-y
Overflow-y
нужно чтобы скролился вместе с парентом) а не отдельно
BB
нужно чтобы скролился вместе с парентом) а не отдельно
Это как?
BB
Через ребенка нельзя на парента влиять если вы об этом. Если надо просто что бы парент скролил фиксед блок, то зачем его тогда фиксед делать?