Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
zagoleg

April Fools CSS3 Trickery 1.0.0

Recommended Posts

April Fools CSS3 Trickery 1.0.0 помогите выкачать файл. Актуально только сегодня )) Я понимаю, что там только для владельцев лицензии, к ним и обращаюсь за помощью.

Спасибо!

  • Upvote 1

Share this post


Link to post
Share on other sites

Боевая раскраска на 1-е апреля, судя по всему.

Наверное не стоит рисковать, если скин сильно нестандартный. Хотя не тестировала.

 

А, нет! Это другое!

Щас опробуем :)

Share this post


Link to post
Share on other sites

Боевая раскраска на 1-е апреля, судя по всему.

При наведение курсора на картинку (фотография, аватор, лого), она начинается крутится.

 

Чувствую это последний 1 апреля ...

  • Upvote 1

Share this post


Link to post
Share on other sites

Уже ;)

  • Upvote 1

Share this post


Link to post
Share on other sites

Ага. Я жду сообщений, что на форуме вирус

  • Upvote 1

Share this post


Link to post
Share on other sites

Можно просто вставить css :)

img { 
-o-transition-delay: 0;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
}

 

Пойду в ipcontent добавлю, а то на сайте не крутится :)

 

Увы, этого недостаточно. Наверное там еще что-то. Но искать некогда сейчас...

Share this post


Link to post
Share on other sites

Можно просто вставить css

Ага. Я об этом уже подумал, что можно на любом сайте так сделать.

 

Правда я бы ограничился только крутящим логотипом. :)

Share this post


Link to post
Share on other sites

Этот код

img { 
-o-transition-delay: 0;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
img:hover { 
-o-transform: scale(1) rotate(-48rad) translate(1px, 1px);
}

 

Если хотите только для шапки. Отключите хук и добавьте в ipb_styles.css

#branding img { 
-o-transition-delay: 0;
-o-transition-duration: 1s;
-o-transition-property: all;
-o-transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
#branding img:hover { 
-o-transform: scale(1) rotate(-48rad) translate(1px, 1px);
}

  • Upvote 2

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...