sample optimizations
Kyle
BIN
data/site/images/samples/original/sample1.png
Normal file
|
After Width: | Height: | Size: 3.3 MiB |
BIN
data/site/images/samples/original/sample2.png
Normal file
|
After Width: | Height: | Size: 3.5 MiB |
BIN
data/site/images/samples/original/sample3.png
Normal file
|
After Width: | Height: | Size: 3.8 MiB |
BIN
data/site/images/samples/original/sample4.png
Normal file
|
After Width: | Height: | Size: 3.2 MiB |
BIN
data/site/images/samples/original/sample5.png
Normal file
|
After Width: | Height: | Size: 4.3 MiB |
BIN
data/site/images/samples/original/sampleBling.png
Normal file
|
After Width: | Height: | Size: 2.9 MiB |
BIN
data/site/images/samples/original/sampleCustomize.png
Normal file
|
After Width: | Height: | Size: 3.4 MiB |
BIN
data/site/images/samples/original/sampleVariety.png
Normal file
|
After Width: | Height: | Size: 3.1 MiB |
|
Before Width: | Height: | Size: 3.3 MiB After Width: | Height: | Size: 815 KiB |
|
Before Width: | Height: | Size: 3.5 MiB After Width: | Height: | Size: 857 KiB |
|
Before Width: | Height: | Size: 3.8 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 3.2 MiB After Width: | Height: | Size: 681 KiB |
|
Before Width: | Height: | Size: 4.3 MiB After Width: | Height: | Size: 1.1 MiB |
|
Before Width: | Height: | Size: 2.9 MiB After Width: | Height: | Size: 677 KiB |
|
Before Width: | Height: | Size: 3.4 MiB After Width: | Height: | Size: 858 KiB |
|
Before Width: | Height: | Size: 3.1 MiB After Width: | Height: | Size: 744 KiB |
10
styles.css
@@ -259,14 +259,12 @@ input[type='checkbox'], select, option, input[type='file'], button {
|
|||||||
to {opacity: 1;}
|
to {opacity: 1;}
|
||||||
}
|
}
|
||||||
@keyframes slide-from-left {
|
@keyframes slide-from-left {
|
||||||
0% {position: relative; left: -100vw;}
|
0% {transform: translate(-100vw, 0);}
|
||||||
75% {position: relative; left: -10px;}
|
100% {transform: translate(0, 0);}
|
||||||
100% {position: relative; left: 0px;}
|
|
||||||
}
|
}
|
||||||
@keyframes slide-from-right {
|
@keyframes slide-from-right {
|
||||||
0% {position: relative; left: 100vw;}
|
0% {transform: translate(100vw, 0);}
|
||||||
75% {position: relative; left: 10px;}
|
100% {transform: translate(0, 0);}
|
||||||
100% {position: relative; left: 0px;}
|
|
||||||
}
|
}
|
||||||
.layerTitle {
|
.layerTitle {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|||||||