editor.js/src/styles/animations.css
Murod Khaydarov 6a90784b69
Block selection (#483)
* initial commit for feature

* selection with cmd+a

* copy to clipboard

* use div instead of textarea

* select and copy improvements

* requested changes

* update

* improve styles

* remove missclick

* clear selection with escape and other keydowns except shift

* copy to clipboard with cmd+a&cmd+c

* restore selection after clearing block selection

* update submodules

* update

* rename func name

* rename getter selected

* small naming changes

* native selection fix

* fix with appendCallback

* add light animations to selection

* move appendcallback to the toolbox insertnew function

* upd styles

* update

* missed {}

* last fixes

* upgrade version
2018-11-13 19:11:47 +03:00

81 lines
1.2 KiB
CSS

.wobble {
animation-name: wobble;
animation-duration: 400ms;
}
/**
* @author Nick Pettit - https://github.com/nickpettit/glide
*/
@keyframes wobble {
from {
transform: translate3d(0, 0, 0);
}
15% {
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
transform: translate3d(-3%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
transform: translate3d(2%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceIn {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
transform: scale3d(0.9, 0.9, 0.9);
}
20% {
transform: scale3d(1.03, 1.03, 1.03);
}
60% {
transform: scale3d(1, 1, 1);
}
}
@keyframes selectionBounce {
from,
20%,
40%,
60%,
80%,
to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
50% {
transform: scale3d(1.01, 1.01, 1.01);
}
70% {
transform: scale3d(1, 1, 1);
}
}