AnfisaMu

При наведении на блок он поворачивается под углом

Recommended Posts

Буду признательна если поможете

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

Снимок экрана 2019-03-11 в 17.15.51.png

Share this post


Link to post
Share on other sites

 

11.03.2019 в 17:24, AnfisaMu сказал:

При наведении на блок он поворачивается под углом,

это использование hover эфекта, c применением свойства transform rotate

#element:hover{

transform:rotate  (50deg);

}

11.03.2019 в 17:24, AnfisaMu сказал:

при клике на блок - открывается сам блок на весь экран (плавно), при клике на лого - сворачивается открывшийся блок

здесь лучше всего написать скриптик на js

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

  • Similar Content

    • By Super_Saimo
      Добрый день! Столкнулся с проблемой отображения информации из localStorage после перезагрузки страниц. Делаю to do list, добавление тасков, удаление проходит нормально, добавляются элементы в localStorage, но после перезагрузки список тасков пуст на странице.  Сам код https://jsfiddle.net/zdbmsjv2/ Извиняюсь за чрезмерное количество комментариев. Писал для себя, чтобы не забыть потом. 
    • By Super_Saimo
      Добрый день! Помогите разобраться с работой метода closest(). В приведенном примере https://jsfiddle.net/ymnjo3tc/   , я делаю все "по инструкции":  беру дочерний элемент и проверяю  наличие у него родительского при помощи данного метода. Но в ответ всегда ловлю один и тот-же Exception. Какие бы я не пробовал проверять элементы. В чем может быть проблема? Где я допускаю ошибку? Да и вообще, применим ли этот метод на практике? И в каких ситуациях? 
    • By Роман Онищенко
      Разрабатываю React/React Native приложения. С образцами моих некоммерческих работ вы можете ознакомиться по адресу: https://github.com/Roman-Onishchenko?tab=repositories
      Готов рассмотреть ваши предложения о разработке React/React Native приложений различной тематики и объема работ с частичной занятостью (до 30 рабочих часов в неделю). 
      Мои контакты:
      skype - romanonishencko
      email - roman951t@gmail.com
  • Member Statistics

    46,293
    Total Members
    3,128
    Most Online
    Foxyded support
    Newest Member
    Foxyded support
    Joined
  • Recently Browsing   0 members

    No registered users viewing this page.