Комментарии 40
P.S.: Мне кажеться, что данное сердечко будет отличным подарком девушке-айтишнице на День влюблённых. Как вы считаете?
Мне так не кажется.
Мне так не кажется.
Хватит вороват мягкие знаки!
НЛО прилетело и опубликовало эту надпись здесь
Мне кажется за такой подарок вы останетесь без девушки (:
По моему будет очень прикольным подарком, главное чтобы не единственным ))
Не забывайте, что прежде всего, она девушка, а уже потом айтишница. Букет цветов, мне кажется, ей понравится значительно больше.
в прошлом году были топики про замечательную гиковскую бижутерию. Но если верстальщик подарит на 14 февраля только сайт с такой вот открыткой — едва ли это ее сильно порадует. Особенно, если она не имеет понятия, чем отличается анимация CSS3 от различных GIF-открыток, коих в интернете пруд пруди, одна ужаснее другой.
Казалось бы, при чем тут подарки и дамочки. А так хорошая иллюстрация возможностей.
А можно я использую это в качестве подарка своим студентам в виде лабораторной работы по веб-технологиям, а не для девушки-айтишницы?
когда я смотрю на префиксы типа -moz, -webkit etc мне становится грустно…
Добавьте свойства с префиксом -ms — все, что вы используете, поддерживается в IE10.
благодарю за подсказку
грррр, опять локальные реализации :((
Спецификации пока не в Candidate Recommendation, что-то еще может поменяться, как, например, это недавно случилось с синтаксисом градиентов — оттого и наличие вендорных префиксов.
CTRL+A, CTRL+C, CTRL+V
Раньше все поздравления так друг другу отправляли, а теперь сердечки анимационные слать будут. Хорошо хоть по СМС нельзя отправить
Раньше все поздравления так друг другу отправляли, а теперь сердечки анимационные слать будут. Хорошо хоть по СМС нельзя отправить
У меня почему-то по ссылке на пример открывается пустая страница. Точнее, страница-то на месте, только вот сердца никакого нет. Появляются только некоторые элементы при уменьшении высоты вьюпорта. Такой предмет женского туалета — максимально приближенное к тому, что должно было бы отобразиться )
Наблюдаю такое в Chrome, в лисе всё хорошо.
Наблюдаю такое в Chrome, в лисе всё хорошо.
И да, позвольте сделать мне пару замечаний — всё же первое, что вы должны написать при создании нового документа — это доктайп. Хоть в данном случае это ни на что не влияет, тем не менее ) И почему вы реализовали положение элемента сердца на странице путем добавления тегов <br> и <center>, а не путем добавления обычного margin?
Возможности CSS конечно потрясают, но очень огорчает, что в них начинают вносить функционал из языков программирования и т.п. Все же CSS это стиль, а трансформации, движения — уже что-то другое.
P.S. да и такая простыня текста тоже не говорит о «няшности» кода
P.S. да и такая простыня текста тоже не говорит о «няшности» кода
Возможно ли сделать анимацию с изменяющимися градиентами? Как будто сердце надувается.
Валидатор отругал вашу страничку за не имением доктайпа) а в целом урок прияытный и полезный. Спасибо.
В качестве примера, наглядно демонстрирующего возможности CSS3 — отлично.
В реальной жизни… вы на загрузку процессора смотрели?
В реальной жизни… вы на загрузку процессора смотрели?
— Дайте мне, пожалуйста, вон ту красную плюшевую жопу.
— Мужчина, это не жопа, а сердце!
— Знаете, я 20 лет кардиохирургом работаю. Дайте мне вон ту красную плюшевую жопу.
— Мужчина, это не жопа, а сердце!
— Знаете, я 20 лет кардиохирургом работаю. Дайте мне вон ту красную плюшевую жопу.
Возможно, стоило отрисовать heart:after сразу нормально, а не поворачивать на 90 градусов. А то наблюдаются некоторые артефакты.
Chrome 16.0.912.77, Mac OS X 10.7.2
Chrome 16.0.912.77, Mac OS X 10.7.2
Самоделкин и немного художник.
А красота она не в нарисованном и если девушка это понимает, то подарок состоится даже если она не айтишница.
А красота она не в нарисованном и если девушка это понимает, то подарок состоится даже если она не айтишница.
А у меня в хроме эпилептичный ромб вместо бьющегося сердца. Прям как в жизни :D
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Публикации
Бьющееся сердце на CSS3