Subversion-Projekte lars-tiefland.ci

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
776 lars 1 
/*
2 
 *  Owl Carousel CSS3 Transitions
3 
 *  v1.3.2
4 
 */
5 
 
6 
.owl-origin {
7 
	-webkit-perspective: 1200px;
8 
	-webkit-perspective-origin-x : 50%;
9 
	-webkit-perspective-origin-y : 50%;
10 
	-moz-perspective : 1200px;
11 
	-moz-perspective-origin-x : 50%;
12 
	-moz-perspective-origin-y : 50%;
13 
	perspective : 1200px;
14 
}
15 
/* fade */
16 
.owl-fade-out {
17 
  z-index: 10;
18 
  -webkit-animation: fadeOut .7s both ease;
19 
  -moz-animation: fadeOut .7s both ease;
20 
  animation: fadeOut .7s both ease;
21 
}
22 
.owl-fade-in {
23 
  -webkit-animation: fadeIn .7s both ease;
24 
  -moz-animation: fadeIn .7s both ease;
25 
  animation: fadeIn .7s both ease;
26 
}
27 
/* backSlide */
28 
.owl-backSlide-out {
29 
  -webkit-animation: backSlideOut 1s both ease;
30 
  -moz-animation: backSlideOut 1s both ease;
31 
  animation: backSlideOut 1s both ease;
32 
}
33 
.owl-backSlide-in {
34 
  -webkit-animation: backSlideIn 1s both ease;
35 
  -moz-animation: backSlideIn 1s both ease;
36 
  animation: backSlideIn 1s both ease;
37 
}
38 
/* goDown */
39 
.owl-goDown-out {
40 
  -webkit-animation: scaleToFade .7s ease both;
41 
  -moz-animation: scaleToFade .7s ease both;
42 
  animation: scaleToFade .7s ease both;
43 
}
44 
.owl-goDown-in {
45 
  -webkit-animation: goDown .6s ease both;
46 
  -moz-animation: goDown .6s ease both;
47 
  animation: goDown .6s ease both;
48 
}
49 
/* scaleUp */
50 
.owl-fadeUp-in {
51 
  -webkit-animation: scaleUpFrom .5s ease both;
52 
  -moz-animation: scaleUpFrom .5s ease both;
53 
  animation: scaleUpFrom .5s ease both;
54 
}
55 
 
56 
.owl-fadeUp-out {
57 
  -webkit-animation: scaleUpTo .5s ease both;
58 
  -moz-animation: scaleUpTo .5s ease both;
59 
  animation: scaleUpTo .5s ease both;
60 
}
61 
/* Keyframes */
62 
/*empty*/
63 
@-webkit-keyframes empty {
64 
  0% {opacity: 1}
65 
}
66 
@-moz-keyframes empty {
67 
  0% {opacity: 1}
68 
}
69 
@keyframes empty {
70 
  0% {opacity: 1}
71 
}
72 
@-webkit-keyframes fadeIn {
73 
  0% { opacity:0; }
74 
  100% { opacity:1; }
75 
}
76 
@-moz-keyframes fadeIn {
77 
  0% { opacity:0; }
78 
  100% { opacity:1; }
79 
}
80 
@keyframes fadeIn {
81 
  0% { opacity:0; }
82 
  100% { opacity:1; }
83 
}
84 
@-webkit-keyframes fadeOut {
85 
  0% { opacity:1; }
86 
  100% { opacity:0; }
87 
}
88 
@-moz-keyframes fadeOut {
89 
  0% { opacity:1; }
90 
  100% { opacity:0; }
91 
}
92 
@keyframes fadeOut {
93 
  0% { opacity:1; }
94 
  100% { opacity:0; }
95 
}
96 
@-webkit-keyframes backSlideOut {
97 
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
98 
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
99 
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
100 
}
101 
@-moz-keyframes backSlideOut {
102 
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
103 
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
104 
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
105 
}
106 
@keyframes backSlideOut {
107 
  25% { opacity: .5; transform: translateZ(-500px); }
108 
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
109 
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
110 
}
111 
@-webkit-keyframes backSlideIn {
112 
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
113 
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
114 
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
115 
}
116 
@-moz-keyframes backSlideIn {
117 
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
118 
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
119 
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
120 
}
121 
@keyframes backSlideIn {
122 
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
123 
  75% { opacity: .5; transform: translateZ(-500px); }
124 
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
125 
}
126 
@-webkit-keyframes scaleToFade {
127 
  to { opacity: 0; -webkit-transform: scale(.8); }
128 
}
129 
@-moz-keyframes scaleToFade {
130 
  to { opacity: 0; -moz-transform: scale(.8); }
131 
}
132 
@keyframes scaleToFade {
133 
  to { opacity: 0; transform: scale(.8); }
134 
}
135 
@-webkit-keyframes goDown {
136 
  from { -webkit-transform: translateY(-100%); }
137 
}
138 
@-moz-keyframes goDown {
139 
  from { -moz-transform: translateY(-100%); }
140 
}
141 
@keyframes goDown {
142 
  from { transform: translateY(-100%); }
143 
}
144 
 
145 
@-webkit-keyframes scaleUpFrom {
146 
  from { opacity: 0; -webkit-transform: scale(1.5); }
147 
}
148 
@-moz-keyframes scaleUpFrom {
149 
  from { opacity: 0; -moz-transform: scale(1.5); }
150 
}
151 
@keyframes scaleUpFrom {
152 
  from { opacity: 0; transform: scale(1.5); }
153 
}
154 
 
155 
@-webkit-keyframes scaleUpTo {
156 
  to { opacity: 0; -webkit-transform: scale(1.5); }
157 
}
158 
@-moz-keyframes scaleUpTo {
159 
  to { opacity: 0; -moz-transform: scale(1.5); }
160 
}
161 
@keyframes scaleUpTo {
162 
  to { opacity: 0; transform: scale(1.5); }
163 
}