20 впечатляющих возможностей технологии CSS3 с примерами за июль
11
3753309-08-2011
В сегодняшней подборке мануалов по CSS3 можно узнать, как сделать меню в стиле Apple, закругленные углы и очередную красивую кнопку. Очень впечатляет 3d анимация для объекта и возможности ротации картинок. Среди оформительских приемов — симпатичное темное меню навигации и всплывающие подсказки. Есть несколько мануалов для анимированных меню. Хорош урок о том, как сделать простейшее лого. Гурманов порадует анимированный колокольчик и вращающиеся иконки. Особенно мне нравятся кнопки включить/выключить. В общем, успехов вам в освоении всех этих новшеств.
1. Меню в стиле Apple
2. Кроссбраузерная кнопка
3. Закругленные углы
4. 3D анимация объекта
5. Прозрачность
6. Закругленные углы
7. Кнопки
8. Разноцветное меню
9. Закругление и искажение — страница удалена автором
10. Ротация картинки
11. Темное меню навигации
12. Стильный блок
13. Вращение иконок
14. Анимированное меню
15. Простейшее лого
16. Двигающееся меню
17. Звонящий колокольчик
18. Меню навигации
19. Россыпь картинок
20. Кнопка включить/выключить
Комментариев 11 комментариев
@Павел:
Да, точно. Сорри! Пофиксила ссылку…
ОтветитьНу что сказать, Спасибо Наташа, в очередной раз.
Нашёл альтернативу своим кнопкам на swaego.ru во втором примере.
А вот transform пробовал, что не нравится мне этот эффект, корявый он в разных браузерах.
Ответить@SwaEgo:
Пожалуйста!
Да и вообще swaego.ru ничего себе такой симпатичный сайтик получился со своим уникальным лицом 🙂
Ответить@Наташа Клевер: льстишь 🙂 Я уже год не могу «лицо» сделать, чтобы самому нравилось 🙂 Всё переделываю, точнее не доделываю. В сентябре буду верстать заново шаблон, руководствуясь некоторыми твоими постами, которые в закладках…
ОтветитьНе перестаю удивляться возможностями CSS3/HTML5
Ответить@Роберт:
Я тоже. Столько возможностей…
Ответить@SwaEgo:
Рада, что посты в закладках помогут ))
А вообще, собственный сайт можно бесконечно переделывать. Я вот постоянно чего-то хочу усовершенствовать. Хорошо, что времени не всегда хватает 🙂
Ответитьспасибо огромное , отличный материал
Ответить@Сергей:
Пожалуйста! Удачи в освоении )
ОтветитьВ новогодние праздники мне было лень заниматься чем либо во благо нации JS, и поэтому я решил «нарисовать» своего любимого героя комисков на чистом html/css, и тем самым показать насколько css3 классная штука, которая позволяет делать невообразимые вещи при помощи стандартных функций.
http://aterr.net/lyubimyj-geroj-kommiksov-na-chistom-csshtml/
Ответить
6. Закругленные углы пишет что Nothing Found