Перейти к содержанию

"Вращающиеся" аватарки при наведении


Рекомендуемые сообщения

Вы где-то что-то видели, не можете объяснить что и где и тем более как. Что мы должны вам подсказать??? Как можно анимировать раздел форума?

Ссылка на комментарий
Поделиться на другие сайты

Мода 2000-x всё подряд анимировать.

Ссылка на комментарий
Поделиться на другие сайты

Да, возврат к сайтам в теплом ламповом стиле web 1.0

Ссылка на комментарий
Поделиться на другие сайты

Desti Я найду тот форум закину. Но суть не в разделах а в аватарках) я только из-за этого в такую тему далекую зашел)

Ссылка на комментарий
Поделиться на другие сайты

29 минут назад, saiko сказал:

Desti да пока писал чето мысль видать потерял xD разделы форума анимированы тоже, имел ввиду xD

ну и что? у меня это стоит, какой то чувак тут просил это сделать, ну сделали ему, и дальше мне было лень убирать код, оставил на черный день

Ссылка на комментарий
Поделиться на другие сайты

3 часа назад, saiko сказал:

Я извиняюсь а в 2021 году как это реализовать?))

В 21 году стыдно должно быть задавать такие вопросы занимаясь вебом
 

.ipsUserPhoto {
    transition: transform .4s ease-out;
}
.ipsUserPhoto:hover {
    transform: rotate(360deg);
}

 

Ссылка на комментарий
Поделиться на другие сайты

либо можно это попробовать. у меня раньше стояло на аватарки

.ipsUserPhoto:hover {
-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);
}

 

это анимирует разделы форума на главной при наведении

.cForumList .ipsDataItem:hover {
	z-index:10;
	-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.02);
	box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.02);
	-webkit-transform:scale(1);
	-moz-transform:scale(1.01);
	-o-transform:scale(1.01);
	transform:scale(1.01)
    -webkit-box-shadow:0 1px 20px 0 rgba(0,0,0,0.06);
	box-shadow:0 1px 20px 0 rgba(0,0,0,0.06);
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out
}

 

Ссылка на комментарий
Поделиться на другие сайты

Спасибо очень все эпично встало на форум) мне вот нравится (даже если это как тут написал админ "колхоз 2000х годов") тут тоже смотря на каком форуме это, мне вот на моем прям нравится) не обычно как то!
Еще раз благодарю всех за помощь!

Изменено пользователем saiko
Ссылка на комментарий
Поделиться на другие сайты

1 час назад, saiko сказал:

(даже если это как тут написал админ "колхоз 2000х годов") тут тоже смотря на каком форуме это, мне вот на моем прям нравится) не обычно как то!

через месяц или больше тебе это надоест.

я много фишек ставил которые работали через css, и я думал это круто, но все же чем больше этого кода в стиле?

тем больше идет тормозов на сайте. плюс потом с обновой двигла и стиля, эти коды будут работать криво. и нужно будет исправлять.

а так сам смотри  dum.gif.cabd69a15533e655f5d66eb7c84b0aab.gif

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...