Комментарии 40
P.S.: Мне кажеться, что данное сердечко будет отличным подарком девушке-айтишнице на День влюблённых. Как вы считаете?
Мне так не кажется.
Мне так не кажется.
+5
Хватит вороват мягкие знаки!
+17
НЛО прилетело и опубликовало эту надпись здесь
Мне кажется за такой подарок вы останетесь без девушки (:
+4
По моему будет очень прикольным подарком, главное чтобы не единственным ))
0
Не забывайте, что прежде всего, она девушка, а уже потом айтишница. Букет цветов, мне кажется, ей понравится значительно больше.
0
в прошлом году были топики про замечательную гиковскую бижутерию. Но если верстальщик подарит на 14 февраля только сайт с такой вот открыткой — едва ли это ее сильно порадует. Особенно, если она не имеет понятия, чем отличается анимация CSS3 от различных GIF-открыток, коих в интернете пруд пруди, одна ужаснее другой.
+5
у меня лично есть пару знакомых подруг которые занимаются версткой сайтов
думаю им такое получить будет приятно и они оценят
думаю им такое получить будет приятно и они оценят
+3
Мужчина же подчеркнул — девушке айтишнице. Если шарит в стилях, то понравится :)
-1
Угу. В стилях шарит, а Хабр — не читает?
+2
Казалось бы, при чем тут подарки и дамочки. А так хорошая иллюстрация возможностей.
+3
А можно я использую это в качестве подарка своим студентам в виде лабораторной работы по веб-технологиям, а не для девушки-айтишницы?
+4
когда я смотрю на префиксы типа -moz, -webkit etc мне становится грустно…
+9
Добавьте свойства с префиксом -ms — все, что вы используете, поддерживается в IE10.
+3
CTRL+A, CTRL+C, CTRL+V
Раньше все поздравления так друг другу отправляли, а теперь сердечки анимационные слать будут. Хорошо хоть по СМС нельзя отправить
Раньше все поздравления так друг другу отправляли, а теперь сердечки анимационные слать будут. Хорошо хоть по СМС нельзя отправить
+1
У меня почему-то по ссылке на пример открывается пустая страница. Точнее, страница-то на месте, только вот сердца никакого нет. Появляются только некоторые элементы при уменьшении высоты вьюпорта. Такой предмет женского туалета — максимально приближенное к тому, что должно было бы отобразиться )
Наблюдаю такое в Chrome, в лисе всё хорошо.
Наблюдаю такое в Chrome, в лисе всё хорошо.
0
И да, позвольте сделать мне пару замечаний — всё же первое, что вы должны написать при создании нового документа — это доктайп. Хоть в данном случае это ни на что не влияет, тем не менее ) И почему вы реализовали положение элемента сердца на странице путем добавления тегов <br> и <center>, а не путем добавления обычного margin?
+2
Возможности CSS конечно потрясают, но очень огорчает, что в них начинают вносить функционал из языков программирования и т.п. Все же CSS это стиль, а трансформации, движения — уже что-то другое.
P.S. да и такая простыня текста тоже не говорит о «няшности» кода
P.S. да и такая простыня текста тоже не говорит о «няшности» кода
-1
Возможно ли сделать анимацию с изменяющимися градиентами? Как будто сердце надувается.
+1
Валидатор отругал вашу страничку за не имением доктайпа) а в целом урок прияытный и полезный. Спасибо.
-1
В качестве примера, наглядно демонстрирующего возможности CSS3 — отлично.
В реальной жизни… вы на загрузку процессора смотрели?
В реальной жизни… вы на загрузку процессора смотрели?
0
— Дайте мне, пожалуйста, вон ту красную плюшевую жопу.
— Мужчина, это не жопа, а сердце!
— Знаете, я 20 лет кардиохирургом работаю. Дайте мне вон ту красную плюшевую жопу.
— Мужчина, это не жопа, а сердце!
— Знаете, я 20 лет кардиохирургом работаю. Дайте мне вон ту красную плюшевую жопу.
+2
Возможно, стоило отрисовать heart:after сразу нормально, а не поворачивать на 90 градусов. А то наблюдаются некоторые артефакты.
![image](https://habrastorage.org/r/w1560/getpro/habr/comment_images/2d4/552/2d6/2d45522d6d6816d72f479a4b3efa4d1c.png)
Chrome 16.0.912.77, Mac OS X 10.7.2
![image](https://habrastorage.org/getpro/habr/comment_images/2d4/552/2d6/2d45522d6d6816d72f479a4b3efa4d1c.png)
Chrome 16.0.912.77, Mac OS X 10.7.2
+2
Самоделкин и немного художник.
А красота она не в нарисованном и если девушка это понимает, то подарок состоится даже если она не айтишница.
А красота она не в нарисованном и если девушка это понимает, то подарок состоится даже если она не айтишница.
0
А у меня в хроме эпилептичный ромб вместо бьющегося сердца. Прям как в жизни :D
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Бьющееся сердце на CSS3