Как установить Bubble Speech (сноски) с помощью css к себе на сайт?

Будем рады Вашим ответам

1 комментарий

avatar
  • newage
  • 0
Пример сноски — специально для сайта КаоКакао! Этот текст нужно заменить.

Код css:

.triangle-isosceles

{ position:relative; padding:15px; margin:1em 0 3em; color:#000; background:#f3961c; /* default background for browsers without gradient support */ /* css3 */ background:-webkit-gradient(linear, 0 0, 0 100%, from(#f9d835), to(#f3961c)); background:-moz-linear-gradient(#f9d835, #f3961c); background:-o-linear-gradient(#f9d835, #f3961c); background:linear-gradient(#f9d835, #f3961c); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

.triangle-isosceles:after { content:""; position:absolute; bottom:-15px; /* value = — border-top-width — border-bottom-width */ left:50px; /* controls horizontal position */ border-width:15px 15px 0; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#f3961c transparent; /* reduce the damage in FF3.0 */ display:block; width:0; }

Код для вставки на сайт:

Ваш текст
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.