Задать вопрос
asvici

Юрий Иванов

Ответы пользователя по тегу CSS

  • Ответьте пж где учить CSS (учусь сам дома, не советуйте кого то на подобие Хауди хо)?

    asvici
    @asvici
    Я вообще не понимаю этих приколов где учить css/верстку. На ютубе единицы каналов, ты просто смотришь видосы и тебе по аннотации кидает других атворов и через неделю обучения ты уже подписан на всех.
    1.Фрилансер по жизни - канал посвящен исключительно верстки, очень много углубленных тем.
    2.Анна блок - канал тоже исключительно про верстку, вот с неё советовал бы начинать, у неё более легкие и короткие объяснения
    3.Если вообще только прям начал, то webdev, там есть видео css с нуля и html с нуля, которые около трех часов оба, затем на канале есть два часовых ролика про флексбоксы и гриды(мастхев для верстки)
    4.MaxGraph - канал тоже про верстку, но тут уже больше тем для среднего уровня, про гсап-анимации-сборщики
    5.От 0 до 1 - канал тоже про верстку, тут есть много видосов больших, по котором верстаются целые сайты, можешь посмотреть как человек на коммерческой основе делает с нуля какие-то вещи до релиза
    6.Codmark/easy tutorial - два канал где можно подсмотреть какие-то интересные решения по началу
    7.Вадим макеев, это не про обучение верстки(ну тут уроков нет), но это гуро верстки и просто будет интересно послушать как профессионал своего дела мыслит и транслирует информацию, что и как должен делать верстальщик
    ну вот этим лично я пользовался-пользуюсь, возможно найдешь для себя из моего списка что-то полезное
    Ответ написан
    Комментировать
    Комментировать

  • Почему не работает overflow-x:scroll?

    asvici
    @asvici 
    .xfieldimagegallery {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: flex;
    overflow: auto;

    625728ad4ff3f064574175.png
    .xfieldimagegallery li img {
    display: block;
    border-radius: 10px;
    height: 130px;
    transition: box-shadow 0.5s ease;

    Если я все правильно понял, то так, у вас очень много импортант задано + фиксированная ширина картинок была
    Ответ написан
    1 комментарий
    1 комментарий

  • Как оставить темную тему после перезагрузки?

    asvici
    @asvici
    интересно было самому попробовать, вот так получилось, но наверняка и лучше будут ответы, но мб немного поможет)
    https://codepen.io/scrappyjs666/pen/MWrqdbN
    Ответ написан
    Комментировать
    Комментировать

  • Некорректно работает filter(blur) как исправить?

    asvici
    @asvici Автор вопроса
    Возможно кто-то наткнется на эту тему при решении проблемы
    Проблема была в бэкграундколор - вайт
    Было что-то типо
    div
    div

    и у второго дива свойство бэкграунда - белый
    сделал дополнительную обертку
    div
    div - сюда падинги и бэкраунд определил
          div -- отсюда

    и все заработало
    Ответ написан
    Комментировать
    Комментировать

  • Как разделить display flex?

    asvici
    @asvici
    а почему именно флекс, вот так же вроде можно сделать
    https://codepen.io/scrappyjs666/pen/KKZpeMw
    Ответ написан
    Комментировать
    Комментировать

  • Не понимаю как реализовать в css данный блок?

    asvici
    @asvici
    Здравствуйте, я тоже совсем недавно учу джаваскрипт и верстку, буквально пару месяцев. И мне очень приятно когда мне тут помогают. Давайте и я вам попробую помочь как новичок новичку;)
    Я немного правда не понял Вам надо верхний блок сверстать или нижний, но суть остается одна.
    Вы можете использовать свойство display grid
    1234.jpg.html
    Вам нужен блок(некий контейнер основной), куда вы вложите ваши кирпичики (блоки либо картинки) (стрелочка 1)
    Когда вы вложили блоки или картинки в главный блок, вы говорите главному блоку будь display grid, у display: grid есть свойство grid-template-columns: repeat(2, 1fr); (стрелочка 2)
    вы говорите своему блоку "Эй блок, имей 2 столбца, одинаковыми размерами" 1fr как раз и говорит что все блоки будут одинакового размера, двоечка указывает на то, сколько будет блоков.(стрелочка 4)
    Если блоков будет больше двух, то они перенесутся на следующую строку, следовательно вы можете просто расположить ваши картинки каким Вам надо образом.
    Еще я отметил стрелочку 3, я когда учил гриды все объясняли что там есть линии и по ним можно располагать элементы, было не понятно, вот если вы тоже столкнетесь с такой проблемой, то просто в браузере нажмите на "grid"(стрелка 3) и станет гораздо понятнее.
    https://www.youtube.com/watch?v=yTLqfUxwdDk&t=2175...
    вот очень крутой урок
    Ответ написан
    Комментировать
    Комментировать

  • Почему не видно картинок?

    asvici
    @asvici Автор вопроса
    если кто-то столкнется со схожей проблемой
    621d2175bd862450919215.png
    Ответ написан
    Комментировать
    Комментировать

  • Постепенная прозрачность текста, как реализовать?

    asvici
    @asvici Автор вопроса
    background: linear-gradient(180deg,
    rgba(25, 25, 25, 1) 19.35%,
    rgba(249, 249, 249, 1) 103.71%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    я вот так сделал, может кому-то поможет
    Ответ написан
    Комментировать
    Комментировать