Posted 6 марта, 201410 yr comment_57585 Это тема поддержки статьи: "Вращающиеся" аватарки при наведении. Здесь вы можете обсудить все вопросы, связанные с этой статьёй. Дата добавления статьи: 06 Март 2014 - 20:52 Дата обновления статьи: 06 Март 2014 - 20:52 Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/ Share on other sites Больше вариантов
6 марта, 201410 yr comment_57594 Это конечно хорошо, для новичков действительно нужная вещь. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57594 Share on other sites Больше вариантов
6 марта, 201410 yr comment_57623 Не получилось .. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57623 Share on other sites Больше вариантов
7 марта, 201410 yr Author comment_57625 Не получилось .. для этого над чтобы у тебя рук не было Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57625 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57632 Можно так сделать: .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); } Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57632 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57638 Можно так сделать: .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, добавь в статью, действительно хорошая вещь Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57638 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57642 RealUser, можно много примеров привести. Этот самый простой код, который мне в голову пришел. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57642 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57653 Можно так сделать: .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); } И что это забред младенца? Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57653 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57654 Mattko, мда... Ну-ка объясните, почему бред? Интересно стало. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57654 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57655 Не вижу в данной статье абсолютно никакой полезности. С таким успехом можно по каждому css3 правилу написать отдельную статью. Бред вообще какой-то. без обид. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57655 Share on other sites Больше вариантов
7 марта, 201410 yr Author comment_57668 Respected, да не я привык )) Это для полных нубов Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57668 Share on other sites Больше вариантов
7 марта, 201410 yr comment_57675 Не получилось .. Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") для этого над чтобы у тебя рук не было ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. Edited 7 марта, 201410 yr by SUAMF Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57675 Share on other sites Больше вариантов
7 марта, 201410 yr Author comment_57693 Вы хромом или оперой пользуетесь? Если да, то дело в том, что они поддерживают описанное в статье только с блочными элементами (т.е. если не работает, то надо добавить "display:block") ИМХО, ответ немного некорректен, т.к. Вы забыли или не знали написать об этом недостатке, даже если дело не в нём. у меня на всех браузерах работает Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=57693 Share on other sites Больше вариантов
26 сентября, 201410 yr comment_71813 подскажите пожалуйста как сделать чтобы в чате, профиле и теме крутились? Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71813 Share on other sites Больше вариантов
26 сентября, 201410 yr comment_71817 В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71817 Share on other sites Больше вариантов
26 сентября, 201410 yr comment_71819 В чате: .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 Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71819 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71868 кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда? Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71868 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71871 кто нибудь сможет подсказать где искать: В чате: .ipsUserPhoto_icon Теме: .ipsUserPhoto.ipsUserPhoto_variable Профиле: img#profile_photo и что нужно вставлять туда? Что сложного?Добавляете указанные селекторы к .ipsUserPhotoLink:hover .ipsUserPhoto { Будет так .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo, .ipsUserPhotoLink:hover .ipsUserPhoto { Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71871 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71872 вставил вот так: .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 Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71872 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71874 Обманул. Нужно добавить псевдокласс hover Вместо .ipsUserPhoto_icon, .ipsUserPhoto.ipsUserPhoto_variable, img#profile_photo будет .ipsUserPhoto_icon:hover, .ipsUserPhoto.ipsUserPhoto_variable:hover, img#profile_photo:hover Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71874 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71875 теперь только в чате крутится, на главной странице и в профиле не крутятся) Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71875 Share on other sites Больше вариантов
27 сентября, 201410 yr comment_71877 разобрался сам, спс за подсказки Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=71877 Share on other sites Больше вариантов
5 декабря, 20212 yr comment_175455 Я извиняюсь а в 2021 году как это реализовать?)) и еще видел у кого то как разделы форум на котором разделы форумом тоже анимированы при наведение на них. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=175455 Share on other sites Больше вариантов
5 декабря, 20212 yr comment_175456 18 минут назад, saiko сказал: как разделы форум на котором разделы форумом убейте меня уже.. Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=175456 Share on other sites Больше вариантов
5 декабря, 20212 yr comment_175457 Desti да пока писал чето мысль видать потерял разделы форума анимированы тоже, имел ввиду Link to comment https://ipbmafia.ru/topic/7402-vrashayushiesya-avatarki-pri-navedenii/?&do=findComment&comment=175457 Share on other sites Больше вариантов
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.