Можно ли добиться подобного поведения посредством css?
Чтоб была некая обводка текста.

Linux Nix Web Development - http://linuxoids.org/ image

Tagged with →  

17 Responses to Можно ли добиться подобного поведения посредством css?

  1. AytEkb:

    а да.
    сделал нечто удаленно напоминающее вот так

    #trapezoid { position:relative; margin: 20px; border-bottom: 65px solid; border-right: 21px solid transparent; height: 0; width: 370px; border-radius: 10px;}

    p {
    position: absolute;
    top: 0;
    left: 9px;
    font-size: 50px;
    font-family: tahoma;
    color: #fff;
    font-weight: bold;
    }

    вот пример: http://jsfiddle.net//d6fS6/2/

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

  2. 1yref:

    то, что ты сделал, можно проще сделать — http://jsfiddle.net/d6fS6/10/ а с наклонной границей мне ничего в голову не приходит, кроме картинки, поставленной на background, выравненной вправо.

  3. AytEkb:

    до этого я и сам додумался 🙂
    тут принципиально, чтоб фон повторял нюансы текста, т.е. если последняя «Р», то соответственно права граница была соответствующей. то же самое и про левую границу.

  4. Xuagreen:

    только text-shadow, но тень — это кагбе тень. Тебе не покатит.

  5. Tfore:

    Ну вряд ли. Только боковинки вручную рисовать, либо SVG.

  6. XbiNo:

    Заставь их браузер корчиться! Там жс код, который генерирует шэдоы, которые надо пихать в ксс.

  7. XbiNo:

    бля, оно дало твой линк.

  8. KilaTa:

    опера всё равно передаёт привет

    Linux Nix Web Development - http://linuxoids.org/ image

  9. XbiNo:

    ну и для разных браузеров, которые не тянут текст шэдоу — надо натягивать мс фильтер или там опера-текст-шэдав.

  10. DraSnow:

    а почему не png в base64? да и работать будет везде

  11. DraSnow:

    а, туплю спросоня, сорри

  12. ZinApp:

    http://jsfiddle.net/d6fS6/14/ — как то так, смотреть веб-китом.

  13. ZinApp:

    Вообще доводиться до ума и используется практически как класс. Лень тока возиться.

  14. XbiNo:

    так соль же чтоб любой текст, под конкретный можно и пнг пихнуть.

  15. OkkGood:

    Думаю вот эта статья будет в тему http://habrahabr.ru/post/141658/

  16. D05Good:

    дублировать текст и более крупным фонтом и черным цветом его положить под основной белый текст и сдвинуть вправо, черную плашку — дофига вариантов как сделать. косяков конечно с разными буквами можно наловить, но как идея.

Добавить комментарий