×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: ActionScript
Posted by: Francesco St
Added: May 2, 2016 5:06 PM
Views: 6
sipario/tendina up down
  1.             #sipario{
  2.                 margin: auto;
  3.                 width: auto;
  4.                
  5.                
  6.                
  7.                 z-index: 2;
  8.             }
  9.            
  10.             .sipario-up{
  11.                 margin: auto;
  12.                 width: auto;
  13.                
  14.                 position: relative;
  15.                
  16.                 z-index: 2;
  17.                 animation: sipario-top;
  18.                 animation-duration: 1s;    
  19.             animation-fill-mode: forwards;
  20.             }
  21.            
  22.             .sipario-down{
  23.                 margin: auto;
  24.                 width: auto;
  25.                
  26.                 position: relative;
  27.                
  28.                 z-index: 2;
  29.                 animation: sipario-top-reverse;
  30.                 animation-duration: 1s;    
  31.             animation-fill-mode: forwards;
  32.            // webkit-animation-direction: reverse;
  33.             }
  34.            
  35.            
  36.            
  37.             #tendina{
  38.                // position: absolute;
  39.                 margin: auto;
  40.                 width: 100%;
  41.                 background-color: #303030;
  42.             bottom: 0;
  43.                 height: 0px;
  44.                
  45.             }
  46.            
  47.             .tendina-up{
  48.                //   position: absolute;
  49.                    bottom:0;
  50.                 margin: auto;
  51.                 width: 100%;
  52.                 background-color: #303030;
  53.                
  54.                 animation: tendina-height;
  55.                 animation-duration: 1s;    
  56.             animation-fill-mode: forwards;
  57.                
  58.             }
  59.            
  60.             .tendina-down{
  61.               //  position: absolute;
  62.                 bottom: 0;
  63.                 margin: auto;
  64.                 width: 100%;
  65.                 background-color: #303030;
  66.              animation: tendina-height-reverse;
  67.              //webkit-animation-direction: reverse;
  68.                 animation-duration: 1s;    
  69.            animation-fill-mode: forwards;
  70.                
  71.                
  72.                
  73.             }