Size: a a a

CSS — русскоговорящее сообщество

2020 March 29

IN

Igor N in CSS — русскоговорящее сообщество
Belek AKI
прошу прошение но я не использую кодопен
тогда кодепен
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Belek AKI
прошу прошение но я не использую кодопен
А мы используем
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Не хочешь показывать не жди ответа
источник

N

Nemesis in CSS — русскоговорящее сообщество
Cold Word
Ну и марджин
А зач, если уже падингом подвинули.
источник

BA

Belek AKI in CSS — русскоговорящее сообщество
https://codepen.io/belek-aki/project/editor/ZPmVjp
Ребята я залил 1 страницу вы можете посмотрет код но не настроил
источник

CW

Cold Word in CSS — русскоговорящее сообщество
Nemesis
А зач, если уже падингом подвинули.
Ну родительский блок прижат к верху, падинг же даёт внутренние отступы
источник

BA

Belek AKI in CSS — русскоговорящее сообщество
вот так выглядит
источник

IN

Igor N in CSS — русскоговорящее сообщество
в чём проблема-то?
источник

VK

Vitaliy Kirenkov in CSS — русскоговорящее сообщество
Belek AKI
вот сss
Если ты для себя верстаешь, то советую для начала глянуть пару уроков по верстке.
Если ты так используешь vh уже на сайте для заказчика, то мне страшно за результат.

По конкретной проблеме - делай кодпен, если нужна помощь, как Сергей уже сказал
источник

BA

Belek AKI in CSS — русскоговорящее сообщество
ok спасибо
источник

N

Nemesis in CSS — русскоговорящее сообщество
Cold Word
Ну родительский блок прижат к верху, падинг же даёт внутренние отступы
Так а чем плохо-то, что прижат?)
источник

N

Nemesis in CSS — русскоговорящее сообщество
Что-то не пойму.
источник
2020 March 30

С🥔

Скрудж 🥔 in CSS — русскоговорящее сообщество
Парни, привет. Помогите пожалуйста. Мне нужно заблюрить нижнюю часть блока. Я делаю так:

<div className={"block"}>
   <div className={"block-background"}>
       <img src={this.state.blockBackground}/>
   </div>

   <div className={"block-bottom-blur"}>
       <img src={this.state.blockBackground}/>
   </div>
</div>

.block {
   width: 250px;
   height: 250px;
   display: flex;
   position: relative;
   overflow: hidden;
}


.block-background {
   display: block;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

А что мне нужно написать в

.block-bottom-blur {

}


Чтобы получилась такая иконка, где нижняя часть изображения в блюре?
источник

С🥔

Скрудж 🥔 in CSS — русскоговорящее сообщество
Вот так. Только проблема с позиционированием изображения из div className="block-bottom-blur"
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
Почему в обычном режиме синий блок заплывает на верхний блок, и при просмотре кода элемента все норм?
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
источник

~

~Kuanysh in CSS — русскоговорящее сообщество
мб так будет понятнее)
источник

VV

Vladymyr Vladimirovi... in CSS — русскоговорящее сообщество
подскажите плз в чем может быть трабла. делал адаптив, все было ок. потом в какой то момент все перестало перестраиваться по размеру экрана и внизу появился скролл. хз откуда он взялся
источник