Jump to content
  • 0

Эффект тиснения


Velidan
 Share

Question

Доброго дня уважаемые коллеги, подскажите пожалуйста, как можно сделать такую вот скругленную белую тень вверху блока вот здесь ( http://prntscr.com/8tow41 )

 

Пробую сделать вот так:  https://jsfiddle.net/z53k01w9/1/

 

Вот только не получается как на рисунке - округлить её хорошо внизу.  Помогите пожалуйста. Заранее спасибо.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

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 ITMOfan
      _http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?
    • By Velidan
      Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения?
      http://savepic.net/7196577.htm
       
       Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. 
       
      Буду благодарен за любую помощь.
    • By afdw
      Всем привет!
      Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК.
      Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?
    • By seregamurman
      Привет всем!
      Ребят, помогите решить задачу!!!
      Есть сайт sledd.ru. Он завёрнут в блок (блок-тень), которому задана тень, его высота 100%. Основной блок (main-cont) имеет высоту min-height:100%. Подвал прижат книзу.
      При переходе на страницу с большим количеством контента (допустим http://sledd.ru/products/screens/outdoor/gt6-osx.html ), тень доходит до того места, где у блока "блок-тень" заканчивается 100%, дальше тени нет!
      Как можно правильно реализовать тень по всей высоте, при том, что сайт должен открываться на всю высоту экрана с прижатым футером??? 
    • By Frie
      Посмотрел на мобильном устройстве сайт, в полях формы заметил внутреннюю тень градиентную от верхнего края к нижнему.
      У яндекс браузера было более менее, а у фаерфокса вообще жутко некрасивая, да ещё и поля формы скруглял.
       
      Я поставил все стили инпута в 0, убрал границы, и обернул дивом с аккуратной прямоугольной рамкой.
      Хром стал показывать отлично, как нужно, а у фаерфокса, эта ужасная тень сохранилась. Ставил   box-shadow:none, но не помогло.
       
      Посмотрел другие сайты с формми, такая же шляпа. Как бы обхитрить фаерфокс и заставить показывать поле формы полностью белым цветом внутри без теней?
×
×
  • 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