Recouse Опубликовано 6 марта, 2014 Поделиться Опубликовано 6 марта, 2014 Это тема поддержки статьи: "Вращающиеся" аватарки при наведении. Здесь вы можете обсудить все вопросы, связанные с этой статьёй. Дата добавления статьи: 06 Март 2014 - 20:52 Дата обновления статьи: 06 Март 2014 - 20:52 HooLIGUN, AUS, SanyaSamp и 1 другой 4 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mattko Опубликовано 6 марта, 2014 Поделиться Опубликовано 6 марта, 2014 Это конечно хорошо, для новичков действительно нужная вещь. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
KGstan Опубликовано 6 марта, 2014 Поделиться Опубликовано 6 марта, 2014 Не получилось .. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Recouse Опубликовано 7 марта, 2014 Автор Поделиться Опубликовано 7 марта, 2014 Не получилось .. для этого над чтобы у тебя рук не было Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
zhenyasim Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 Можно так сделать: .avatar { display: block; width: 30%; height: 35%; position: relative; z-index: 10; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
RealUser Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 Можно так сделать: .avatar { display: block; width: 30%; height: 35%; position: relative; z-index: 10; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } Recouse, добавь в статью, действительно хорошая вещь Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
zhenyasim Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 RealUser, можно много примеров привести. Этот самый простой код, который мне в голову пришел. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Mattko Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 Можно так сделать: .avatar { display: block; width: 30%; height: 35%; position: relative; z-index: 10; -webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg); } И что это забред младенца? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
zhenyasim Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 Mattko, мда... Ну-ка объясните, почему бред? Интересно стало. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 Не вижу в данной статье абсолютно никакой полезности. С таким успехом можно по каждому css3 правилу написать отдельную статью. Бред вообще какой-то. без обид. Donjuan 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Recouse Опубликовано 7 марта, 2014 Автор Поделиться Опубликовано 7 марта, 2014 Respected, да не я привык )) Это для полных нубов Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
SUAMF Опубликовано 7 марта, 2014 Поделиться Опубликовано 7 марта, 2014 (изменено) Не получилось .. Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") для этого над чтобы у тебя рук не было ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. Изменено 7 марта, 2014 пользователем SUAMF KGstan, Respected и RealUser 3 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Recouse Опубликовано 7 марта, 2014 Автор Поделиться Опубликовано 7 марта, 2014 Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. у меня на всех браузерах работает Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 26 сентября, 2014 Поделиться Опубликовано 26 сентября, 2014 подскажите пожалуйста как сделать чтобы в чате, профиле и теме крутились? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Respected Опубликовано 26 сентября, 2014 Поделиться Опубликовано 26 сентября, 2014 В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 26 сентября, 2014 Поделиться Опубликовано 26 сентября, 2014 (изменено) В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo а там между {} тоже самое вставлять? и это все меняется в ipb_styles.css? -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); Изменено 26 сентября, 2014 пользователем Svenson Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда? Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
LvsF Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда? Что сложного?Добавляете указанные селекторы к .ipsUserPhotoLink:hover .ipsUserPhoto { Будет так .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo, .ipsUserPhotoLink:hover .ipsUserPhoto { Svenson 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 (изменено) вставил вот так: .ipsUserPhotoLink:hover .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo, .ipsUserPhoto { -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } но почему то не работает Изменено 27 сентября, 2014 пользователем Svenson Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
LvsF Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 Обманул. Нужно добавить псевдокласс hover Вместо .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo будет .ipsUserPhoto_icon:hover, .ipsUserPhoto.ipsUserPhoto_variable:hover, img#profile_photo:hover Svenson 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 теперь только в чате крутится, на главной странице и в профиле не крутятся) Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Svenson Опубликовано 27 сентября, 2014 Поделиться Опубликовано 27 сентября, 2014 разобрался сам, спс за подсказки Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 5 декабря, 2021 Поделиться Опубликовано 5 декабря, 2021 Я извиняюсь а в 2021 году как это реализовать?)) и еще видел у кого то как разделы форум на котором разделы форумом тоже анимированы при наведение на них. Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Desti Опубликовано 5 декабря, 2021 Поделиться Опубликовано 5 декабря, 2021 18 минут назад, saiko сказал: как разделы форум на котором разделы форумом убейте меня уже.. Mano 1 Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
saiko Опубликовано 5 декабря, 2021 Поделиться Опубликовано 5 декабря, 2021 Desti да пока писал чето мысль видать потерял разделы форума анимированы тоже, имел ввиду Цитата Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.