listview: Add add/delete animation (VI)

[platform/framework/web/web-ui-fw.git] / src / themes / tizen / common / jquery.mobile.listview.less

diff --git a/src/themes/tizen/common/jquery.mobile.listview.less b/src/themes/tizen/common/jquery.mobile.listview.less
index fb64de1..1e4e239 100755 (executable)
--- a/src/themes/tizen/common/jquery.mobile.listview.less
+++ b/src/themes/tizen/common/jquery.mobile.listview.less
@@ -918,3 +918,46 @@ li:not(.ui-li-has-multiline) .ui-li-text-sub {
        }
 }
 
+@-webkit-keyframes addliitem {
+       from {
+               -webkit-transform:      scale(0.5);
+               -moz-transform: scale(0.5);
+               opacity:        0;
+       }
+       to {
+               -webkit-transform:      scale(1);
+               -moz-transform: scale(1);
+               opacity:        1;
+       }
+}
+.addli
+{
+       -webkit-animation-name: addliitem;
+       -moz-animation-name: addliitem;
+       -webkit-animation-duration:     0.5s;
+       -moz-animation-duration: 0.5s;
+       -webkit-transition-timing-function:     linear;
+       -moz-transition-timing-function:        linear;
+}
+
+@-webkit-keyframes removeliitem {
+       from {
+               -webkit-transform: scale(1);
+               -moz-transform: scale(1);
+               opacity : 1;
+       }
+       to {
+               -webkit-transform: scale(0.5);
+               -moz-transform: scale(0.5);
+               opacity : 0;
+       }
+}
+.removeli
+{
+       -webkit-animation-name: removeliitem;
+       -moz-animation-name: removeliitem;
+       -webkit-animation-duration:     0.5s;
+       -moz-animation-duration:        0.5s;
+       -webkit-transition-timing-function:     linear;
+       -moz-transition-timing-function:        linear;
+}
\ No newline at end of file