Дизайн поисковой формы Яндекса - есть ответ

И.Г., 563 просмотра

Вопрос людям, разбирающимся в веб-дизайне.
У Яндекса поле для ввода поисковых запросов располагается на жёлтом фоне. Недавно я обратил внимание на правый край этого поля (около кнопки "Найти") - он сделан в виде треугольника.
Вот ссылка на скриншот
http://img19.imageshack.us/img19/4143/yandexx.png
Используя Web Developer для FF, я установил что это не рисунок.
Неужели можно сотворить такую штуку на HTML и CSS ?
Объясните, пожалуйста, как это сделано.

Примечание:
В листе css есть эта картинка, но в Firebug'е я так и не нашёл для какого элемента это правило применяется(
Спасибо ответившим.

Ответы:

Gradus

Это лучше спросить у Артемия Лебедева)

Mike Krotoff

там желтое поле и белая картинка которая его закрывает чтоб получился треугольник. По крайней мере drag-n-drop для него срабатывает как для картинки

Kostya Kashpur

#form .arr {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://img.yandex.net/i/arr.png) no-repeat scroll 100% 50%;
padding:6px 26px 6px 8px;
}
arr.png-картинка белая кот закрывает желтый блок и полячаеться треугольник

14 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.