Это уже не кнопки, а черт знает что. Представляю, как начнут дергаться все сабмиты на сайтах, а вместе с ними и посетители. Всего должно быть в меру. Для визуального восприятия работы кнопки вполне хватит выделения цветом или тенюшкой на :active.
*из замеченного использование этого фильтра ведет к прекращению работы border-radius. Это так, для справки, на всякий случай, а то пойдут все поголовно применять его.
А толку от того, что оно будет работать только в фф? Тут даже костыль не подставишь никакой. Надо ждать поддержки хотя бы современными вебкитами и оперой. На старые браузеры уже можно немного забить, ради этой прелести.
Как по мне, то это решение настолько известное, насколько и не очень практичное, из-за задания высоты блоку и прочих прелестей фиксированных размеров.
Посмотрите, что происходит если набить много контента jsfiddle.net/29YpB/2/.
А если поставить для таба overflow, то контент естественным образом обрежется.
В том виде, как вы поставили задание, такой вариант не имеет права на жизнь. Попробуйте сделать ширину блока-родителя большую. Скажем, 1000пк.
Я выше показал вариант. Там псевдоэлемент цепляется именно к последнему слову, всегда. И всегда его будет затенять.
Просто сразу не совсем понял задачу. Сейчас, вернувшись, собрал вариант, подходящий к вашим требованиями.
Я понял, о чем вы.
Вот вам вариант, когда затухать будет всегда последнее слово в тексте. jsfiddle.net/49Pdp/20/
Во всяком случае это абсолютно решаемо и не сложно.
Мы точно об одном и том же говорим?
Вот вариант с затуханием последнего слова jsfiddle.net/49Pdp/
Хоть к диву, хоть к параграфу прибивайте этот псевдоэлемент. Сейчас сделал грубо, лишь бы показать, но отрегулировать размеры вполне можно, чтобы затухало именно последнее слово.
В этом я вообще не вижу проблемы. Если надо затенить одно-два слова, то можно на блок с текстом накинуть псевдоэлемент с внешней тенью и прибить его в нужный угол. Единственный минус — это нельзя будет выделить эти слова, но он нивелируется самим наличием эффекта.
Да не так уж и редко.
Совсем недавно соорудил слайдер alpatriott.ru/works/slider/ для одного проекта. По точно такому же сценарию. Хотел было тоже статью написать, да подумал, что слишком просто все, для того чтобы посвятить этому топик. А в комментариях, пожалуй, можно написать о нем.
Надо бы уточнить, что статья рассчитана по большей части на айтишиков, гуманитариев и их образование. Всех под одну гребенку не стоит подминать. Есть профессии, где без ВО не обойтись(железнодорожники, медики, машиностроители и т.д.), т.к. в процессе обучения преподаются в углубленном виде фундаментальные науки и какие-то узкопрофильные предметы, без которых человек просто не сможет стать специалистом в этой области.
width:calc?*больше преимуществ по сравнению с хромом на ум не пришло
Посмотрите, что происходит если набить много контента jsfiddle.net/29YpB/2/.
А если поставить для таба overflow, то контент естественным образом обрежется.
Я выше показал вариант. Там псевдоэлемент цепляется именно к последнему слову, всегда. И всегда его будет затенять.
Просто сразу не совсем понял задачу. Сейчас, вернувшись, собрал вариант, подходящий к вашим требованиями.
Вот вам вариант, когда затухать будет всегда последнее слово в тексте. jsfiddle.net/49Pdp/20/
Во всяком случае это абсолютно решаемо и не сложно.
Вот вариант с затуханием последнего слова jsfiddle.net/49Pdp/
Хоть к диву, хоть к параграфу прибивайте этот псевдоэлемент. Сейчас сделал грубо, лишь бы показать, но отрегулировать размеры вполне можно, чтобы затухало именно последнее слово.
Совсем недавно соорудил слайдер alpatriott.ru/works/slider/ для одного проекта. По точно такому же сценарию. Хотел было тоже статью написать, да подумал, что слишком просто все, для того чтобы посвятить этому топик. А в комментариях, пожалуй, можно написать о нем.