Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Создание необычной тени (https://javascript.ru/forum/xhtml-html-css/70055-sozdanie-neobychnojj-teni.html)

Prolific 07.08.2017 13:35

Создание необычной тени
 
Привет, форумчане. Нужно создать текст внизу блока, якобы блок стоит. Вот как это выглядит (тень еле видна под айфоном, но она есть):


Код HTML:
Код:

<div class="iphone"></div>
Код SASS:
Код:

.iphone {
        position: absolute;
        margin: auto 23% auto auto;
        left: 0; bottom: -50px; right: 0;
       
        background: url('../img/iphone.png') transparent;
        background-color: transparent;
        height: 434px;
        width: 211px;
}


Nexus 07.08.2017 14:46

Я уверен, что тень под огрызком - картинка.

laimas 08.08.2017 08:48

DIV выстой 1px с тенью.

ksa 08.08.2017 08:50

Цитата:

Сообщение от laimas (Сообщение 460914)
DIV выстой 1px с тенью.

Покажи пример с такой тенью как на картинке автора...

ksa 08.08.2017 08:51

Цитата:

Сообщение от Nexus (Сообщение 460875)
Я уверен, что тень под огрызком - картинка.

Предположу, что даже вместе с телефоном. :D Т.е. они сделаны на одной фотке, не отдельно...

Nexus 08.08.2017 09:17

Цитата:

Сообщение от ksa (Сообщение 460916)
Предположу, что даже вместе с телефоном. :D Т.е. они сделаны на одной фотке, не отдельно...

Наверняка.

laimas 08.08.2017 09:20

Цитата:

Сообщение от ksa
Покажи пример с такой тенью как на картинке автора...

Что если поизголятся немного сделать можно, и не такие делают.

ksa 08.08.2017 10:36

Цитата:

Сообщение от laimas
Что если поизголятся немного сделать можно, и не такие делают.

Пример покажешь или нет? :)

laimas 08.08.2017 10:40

Цитата:

Сообщение от ksa
Пример покажешь или нет?

Счас, сяду и начну изобретать. :) В сети полно готовых всяких.

ksa 08.08.2017 11:10

Цитата:

Сообщение от laimas
В сети полно готовых всяких.

Я нашел только 7...
http://beloweb.ru/novichkam/kak-sdel...-primerov.html

Ни один не подходит.

Цитата:

Сообщение от laimas
Счас, сяду и начну изобретать.

Я приготовил свой книжечка для записи. :write:


Часовой пояс GMT +3, время: 20:14.