X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Правильно анимируем кнопку, CSS и jQuery
Aronsky
Aronsky
Topic Starter сообщение 10.5.2010, 19:56; Ответить: Aronsky
Сообщение #1


Вам часто приходится делать кнопки? А анимированные?
Часто, при анимации кнопок используют самый простой способ, в результате чего интернет полон так называемых "исчезающих кнопок".
О том, как правильно анимировать кнопку, чтоб было красиво, я написал в статье: Создаём анимированную кнопку (css и jQuery).


--------------------


Поблагодарили: (1)
5
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
jack
jack
сообщение 10.5.2010, 20:07; Ответить: jack
Сообщение #2


Поправь подписку на RSS
Да и вообще что то боков и ошибок много. Исправляйте ошибки, некрасиво сырой проект анонсировать

Сообщение отредактировал jack - 10.5.2010, 20:09


--------------------
Stimul-Cash и RX-Partners - лидеры фарма бизнеса!


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aronsky
Aronsky
Topic Starter сообщение 10.5.2010, 20:30; Ответить: Aronsky
Сообщение #3


(jack @ 10.5.2010, 19:07) *
Поправь подписку на RSS
Да и вообще что то боков и ошибок много. Исправляйте ошибки, некрасиво сырой проект анонсировать


Всё исправил, спасибо. Проблема была в системе комментариев Disqus, капризная вещь.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webpavilion
webpavilion
сообщение 10.5.2010, 21:46; Ответить: webpavilion
Сообщение #4


прежде чем кого то учить неплохо бы самому научится...

зачем для :hover дублировать свойства?
так будет корректней.
.someDiv a {
     display: block;
     height: 20px;
     width:  50px;
     background-image: url(/images/someImage.png);
}

.someDiv a:hover {
     background-image: url(/images/someImageHover.png);
}


и так тоже:
.someDiv a {
    display: block;
    height: 50px;
    width:  180px;
    background-image: url(images/someImage.png);
    background-position: 0px 0px;
}

.someDiv a:hover {
    background-position: 0px -50px;
}


--------------------
Не ведитесь, cамопис это почти всегда плохо!

Делаю сайты на Drupal 7.x
(очень дорого)


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Aronsky
Aronsky
Topic Starter сообщение 10.5.2010, 22:29; Ответить: Aronsky
Сообщение #5


(webpavilion @ 10.5.2010, 20:46) *
зачем для :hover дублировать свойства?


Да, вы абсолютно правы, так тоже верно.
Я посчитал, что так будет понятнее человеку, плохо знакомому с CSS.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Учимся правильно отвечать
17 falken 21628 13.7.2020, 18:13
автор: falken
Открытая тема (нет новых ответов) Как правильно купить сайт?
6 magnet 2758 9.3.2020, 18:54
автор: Plya
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСколько денег правильно реинвестировать?
4 Bilish 1155 20.1.2020, 19:03
автор: Santey
Открытая тема (нет новых ответов) Как правильно называется такой шаблон?
1 sc2r2bey 3156 17.12.2019, 21:10
автор: Ostromir
Открытая тема (нет новых ответов) спойлер, как сделать кнопку "скрыть"?
4 aleksmscw 16209 15.1.2018, 11:43
автор: -Degradator-


 



RSS Текстовая версия Сейчас: 25.4.2024, 13:09
Дизайн