Commit 250ae97c authored by Xiaowu Zhang's avatar Xiaowu Zhang

add mirror wrapper for animation

parent 90c674ed
#visualizer { #visualizer {
text-align: center; text-align: relative;
} }
#visualizer #canvas { #visualizer #canvas {
margin-top: 2%; margin-top: 2%;
position: relative; position: relative;
} }
canvas#mirror{ canvas#mirror{
opacity: 0.5; opacity: 0.5;
position: relative; position: relative;
top: -66px; top: -90px;
-webkit-transform: scaleY(-0.5); -webkit-transform: scaleY(-0.3);
-moz-transform: scaleY(-0.5); -moz-transform: scaleY(-0.3);
-ms-transform: scaleY(-0.5); -ms-transform: scaleY(-0.3);
transform: scaleY(-0.5); transform: scaleY(-0.3);
} }
div#mirrorWrapper{ div#mirrorWrapper{
height: 150px; height: 100px;
} }
/*
div#mirrorWrapper:after { div#mirrorWrapper:after {
display: block; display: block;
height: 100px; height: 100px;
width: 25%; width: 30%;
position: relative; position: relative;
top: -257px; top: -257px;
content: " "; content: " ";
...@@ -33,4 +34,4 @@ div#mirrorWrapper:after { ...@@ -33,4 +34,4 @@ div#mirrorWrapper:after {
background: -ms-linear-gradient(top,rgba(39,40,34,0) 0%, rgba(39,40,34,1) 75%); background: -ms-linear-gradient(top,rgba(39,40,34,0) 0%, rgba(39,40,34,1) 75%);
background: linear-gradient(top,rgba(39,40,34,0) 0%, rgba(39,40,34,1) 75%); background: linear-gradient(top,rgba(39,40,34,0) 0%, rgba(39,40,34,1) 75%);
} }
*/
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment