Jump to content
  • 0

Как сделать такие же тени в css, как и на макете в PS


Xenia Wanger
 Share

Question

Здравствуйте!

Имеется блок, у которого заданы вот такие параметры:

 

111JPG_9409378_9986337.jpg

222JPG_3977502_9986339.jpg

 

Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно:

 

Должно быть так:

 

primerpng_9046331_9986364.jpg

 

А получается вот так:

 

primer2JPG_4944937_9986367.jpg

Edited by Xenia Wanger
Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

css то тоже бы выложили

 

css как такового нет, потому как я и прошу объяснить как данные фотошопные параметры перенести в css Только лишь через box-shadows это можно сделать или есть какие-нибудь хитрости-премудрости?

Link to comment
Share on other sites

  • 0

Ну по идее это просто 14 пикселей размытая тень того серого цвета, что указан в параметрах.

Или в итоге и вышла более жирная тень? У слоя нет случайно прозрачности?

 

Я так вижу можно использовать стандартный черный цвет тени с прозрачность в 0.2 0.1 - должен быть такой же эффект как на картинке. Или же серый цвет сделать такой же прозрачности.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By Vetal6666
      Как в верстке создать этот объект?🤔 (Углы по 60 градусов - то есть треугольник равносторонний)
    • By Spllit
      Столкнулся с такой проблемой, что Avocode неверно определяет тощину шрифта на макете в отличии от Photoshop.  
      На скринах видно, что Avocode показвает, что толщина выделенного текста 400px. Однако Photoshop показывает, что выделенный текст имеет толщину extrabold, что равняется 800px. 
      С чем это может быть связано и как это пофиксить


    • By Super_Saimon
      Добрый день! Не знаю, может не в этот топ вопрос... заранее извиняюсь... Столкнулся с ситуацией: есть макет. Макет, как мне сказали, создан в версии еще 11года. И при попытке узнать характеристики шрифта в последней версии cc photoshop отсутствуют  описания типа, размера шрифта. Есть только межстрочный интервал. Хотел узнать: может ли быть проблема в том, что макет создан в одной версии, а используется в другой? Или это банально - неумение пользоваться данным инструментом?
    • By Odinokiy_volk
      Привет, вопрос почему градиент указанный в фотошопе отличается от того, который задается CSS..
      Настройки профиля фотошоп - sRGB.. Сохраняю тоже с галочкой конверт в sRGB, пробовал и без нее.. Подробнее все настройки - https://ibb.co/bZg5a7, https://ibb.co/g1RtTS, https://ibb.co/dMwGhn.. Blend-mode слоя в фотошопе - normal
      Начальный и конечный цвета совпадают, написаны в одном формате.. В браузерах цвет получается тусклее, менее насыщенным чтоли чем в фотошоп.. На картинке первый желтый градиент создан через background: linear-gradient, а второй вставлен через .png.. 

    • By Tempest
      кучу видео посмотрел, но никто нормально не может показать работающий способ
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy