Posted 6 марта, 201410 yr Это тема поддержки статьи: "Вращающиеся" аватарки при наведении. Здесь вы можете обсудить все вопросы, связанные с этой статьёй. Дата добавления статьи: 06 Март 2014 - 20:52 Дата обновления статьи: 06 Март 2014 - 20:52
7 марта, 201410 yr Можно так сделать: .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); }
7 марта, 201410 yr Можно так сделать: .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, добавь в статью, действительно хорошая вещь
7 марта, 201410 yr RealUser, можно много примеров привести. Этот самый простой код, который мне в голову пришел.
7 марта, 201410 yr Можно так сделать: .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); } И что это забред младенца?
7 марта, 201410 yr Не вижу в данной статье абсолютно никакой полезности. С таким успехом можно по каждому css3 правилу написать отдельную статью. Бред вообще какой-то. без обид.
7 марта, 201410 yr Не получилось .. Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") для этого над чтобы у тебя рук не было ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. Edited 7 марта, 201410 yr by SUAMF
7 марта, 201410 yr Author Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. у меня на всех браузерах работает
26 сентября, 201410 yr В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo
26 сентября, 201410 yr В чате: .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); Edited 26 сентября, 201410 yr by Svenson
27 сентября, 201410 yr кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда?
27 сентября, 201410 yr кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда? Что сложного?Добавляете указанные селекторы к .ipsUserPhotoLink:hover .ipsUserPhoto { Будет так .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo, .ipsUserPhotoLink:hover .ipsUserPhoto {
27 сентября, 201410 yr вставил вот так: .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); } но почему то не работает Edited 27 сентября, 201410 yr by Svenson
27 сентября, 201410 yr Обманул. Нужно добавить псевдокласс hover Вместо .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo будет .ipsUserPhoto_icon:hover, .ipsUserPhoto.ipsUserPhoto_variable:hover, img#profile_photo:hover
5 декабря, 20213 yr Я извиняюсь а в 2021 году как это реализовать?)) и еще видел у кого то как разделы форум на котором разделы форумом тоже анимированы при наведение на них.
5 декабря, 20213 yr 18 минут назад, saiko сказал: как разделы форум на котором разделы форумом убейте меня уже..
5 декабря, 20213 yr Desti да пока писал чето мысль видать потерял разделы форума анимированы тоже, имел ввиду
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.