Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.82/11: Рейтинг темы: голосов - 11, средняя оценка - 4.82
0 / 0 / 0
Регистрация: 29.01.2016
Сообщений: 30
1

Анимация открытия ноутбука

06.05.2018, 13:51. Показов 2232. Ответов 1
Метки нет (Все метки)

помогите найти код анимация похожей на на открытие крышки ноутбука.
по сути там нужен rotate3d, scale3d и perspective, но что то не могу сделать сам вручную
__________________
Помощь в написании контрольных, курсовых и дипломных работ здесь
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
06.05.2018, 13:51
Ответы с готовыми решениями:

Анимация открытия Activity в Android приложении
Добрый день, как сделать slide анимацию открытия самого первого Activity? Пример: Запускается...

Событие открытия крышки ноутбука
Всем привет! Нужно написать программу, обрабатывающую событие открытия крышки ноутбука. Гуглил, но...

Восстановление системы, после открытия крышки ноутбука
Здравствуйте! При закрытии крышки ноутбука и открытии через длительное время, например, час-два,...

Есть анимация Открытия и Закрытия панели, нужно что бы все это происходило по нажатию на саму панель
Вот код XAML <Storyboard x:Key="Open"> <DoubleAnimationUsingKeyFrames...

1
dev - investigator
Эксперт JSЭксперт HTML/CSS
2143 / 1489 / 651
Регистрация: 16.04.2016
Сообщений: 3,695
06.05.2018, 17:59 2
Лучший ответ Сообщение было отмечено webFil как решение

Решение

webFil, это лишь пример, косметику доведете сами - песочница
HTML5
1
2
3
4
<div class="wrap">
  <div class="note-cap"></div>
  <div class="note"></div>
</div>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0}
@keyframes anim{
  10%{
    transform: translatey(-6px)
    perspective(200px)
    rotateX(-95deg)
    scaley(.5)
    scalex(1)  
  }
  20%{
    transform: translatey(-16px)
    perspective(200px)
    rotateX(-80deg)
    scaley(.5)
    scalex(1)
  }
  30%{
    transform: translatey(-23px)
    perspective(200px)
    rotateX(-70deg)
    scaley(.5)
    scalex(1)
  }
  40%{
    transform: translatey(-31px)
    perspective(200px)
    rotateX(-60deg)
    scaley(.5)
    scalex(1)
  }
  50%{
    transform: translatey(-37px)
    perspective(200px)
    rotateX(-50deg)
    scaley(.5)
    scalex(0.95)
  }
  60%{
    transform: translatey(-43px)
    perspective(200px)
    rotateX(-40deg)
    scaley(.5)
    scalex(0.95)
  }
  70%{
    transform: translatey(-48px)
    perspective(200px)
    rotateX(-30deg)
    scaley(.5)
    scalex(0.9)
  }
  80%{
    transform: translatey(-53px)
    perspective(200px)
    rotateX(-20deg)
    scaley(.5)
    scalex(0.87)
  }
  90%{
    transform: translatey(-57px)
    perspective(200px)
    rotateX(-10deg)
    scaley(.5)
    scalex(0.84)
  }
  100%{
    transform: translatey(-60px)
    perspective(200px)
    rotateX(0deg)
    scaley(.5)
    scalex(.8)
  }
}
.wrap{display:inline-block;margin:200px;position:relative}
.note-cap{
  position:absolute;
  z-index:2;
  height:200px;
  width:200px;
  background:red;
  transform: translatey(0px)
    perspective(200px)
    rotateX(-105deg)
    scaley(.5)
    scalex(1);
  animation:anim 3s linear forwards infinite
}
.note{
  position:absolute;
  z-index:1;
  height:200px;
  width:200px;
  background:blue;
  transform: translatey(2px)
    perspective(200px)
    rotateX(75deg)
    scaley(.5)
}
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
06.05.2018, 17:59

Пример открытия БД на ADO и открытия таблицы
Кто-нибудь помогите с примером открытия БД на ADO и открытие таблицы. Большое спасибо.

Анимация в OpenGL, а где собсно, анимация?
// Bounce.cpp // Demonstrates a simple animated rectangle program with GLUT // OpenGL SuperBible,...

Видеодрайвер для ноутбука - от производителя ноутбука или видеокарты? Какой выбрать?
Недавно задался вопросом: откуда лучше брать видеодрайвер на ноутбук, с сайта производителя...

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


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2022, CyberForum.ru