flynx/ImageGrid
1
1
Fork 0
mirror of https://github.com/flynx/ImageGrid.git synced 2025-10-31 11:20:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

experimenting with CSS filters (blur makes things slow, needs more thought)...

Browse Source 
Signed-off-by: Alex A. Naanou <alex.nanou@gmail.com>
This commit is contained in:
Alex A. Naanou 2013-11-28 04:27:43 +04:00
parent ee05a7d992
commit 013521716b
2 changed files with 34 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ui/layout.css
View File

@ -1151,6 +1151,23 @@ button:hover {
.viewer.overlay .overlay-block { .viewer.overlay .overlay-block {
display: block; display: block;
} }
/* XXX this is experimental... */
.viewer.overlay .ribbon-set {
/* XXX blur makes things slow with transparency... */
-webkit-filter: /*blur(2px)*/ grayscale(0.5);
filter: /*blur(2px)*/ grayscale(0.5);
/*
-webkit-animation-name: testAnim;
-webkit-animation-duration: .2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 0s;
*/
}
.overlay-block .content, .overlay-block .content,
.overlay-block .background { .overlay-block .background {
/* XXX for some magical reason position and top are overwritten /* XXX for some magical reason position and top are overwritten

17
ui/layout.less
View File

@ -1184,6 +1184,23 @@ button:hover {
.viewer.overlay .overlay-block { .viewer.overlay .overlay-block {
display: block; display: block;
} }
/* XXX this is experimental... */
.viewer.overlay .ribbon-set {
/* XXX blur makes things slow with transparency... */
-webkit-filter: /*blur(2px)*/ grayscale(.5);
filter: /*blur(2px)*/ grayscale(.5);
/*
-webkit-animation-name: testAnim;
-webkit-animation-duration: .2s;
-webkit-animation-iteration-count: 1;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-out;
-webkit-animation-fill-mode: forwards;
-webkit-animation-delay: 0s;
*/
}
.overlay-block .content, .overlay-block .content,
.overlay-block .background { .overlay-block .background {
/* XXX for some magical reason position and top are overwritten /* XXX for some magical reason position and top are overwritten