Difference between revisions of "Team:BOKU-Vienna/Model"

(Undo revision 95687 by Gotsmy (talk))
Line 2: Line 2:
 
<html>
 
<html>
 
<style>
 
<style>
 +
  .chart{
 +
  display:table;
 +
  table-layout: fixed; 
 +
 
 +
  width:60%;
 +
  max-width:700px;
 +
  height:200px;
 +
  margin:0 auto;
 +
 
 +
  background-image:linear-gradient(bottom, rgba(0, 0, 0, 0.1) 2%, transparent 2%);
 +
  background-size: 100% 50px;
 +
  background-position: left top;
 +
 
 +
  li{
 +
    position:relative;
 +
    display:table-cell;
 +
    vertical-align:bottom;
 +
    height:200px;
 +
  }
 +
 
 +
  span{
 +
    margin:0 1em;
 +
    display: block;
 +
    background: rgba(#d1ecfa, .75);
 +
    animation: draw 1s ease-in-out;
 +
   
 +
    &:before{
 +
      position:absolute;
 +
      left:0;right:0;top:100%;
 +
      padding:5px 1em 0;
 +
  display:block;
 +
      text-align:center;
 +
      content:attr(title);
 +
      word-wrap: break-word;
 +
    }
 +
   
 +
  }
 +
 
 +
}
 +
 +
@keyframes draw{
 +
  0%{height:0;}
 +
}
 
   .myintro {
 
   .myintro {
 
       display: table;
 
       display: table;
Line 105: Line 148:
 
                 <h2>Modeling.</h2>
 
                 <h2>Modeling.</h2>
 
                 <p>Under construction...
 
                 <p>Under construction...
−
                 <canvas id="lineChart"></canvas></p>
+
                 <canvas id="lineChart"></canvas></p> <ul class="chart">
 +
  <li>
 +
    <span style="height:5%" title="ActionScript"></span>
 +
  </li>
 +
  <li>
 +
    <span style="height:70%" title="JavaScript"></span>
 +
  </li>
 +
  <li>
 +
    <span style="height:50%" title="CoffeScript"></span>
 +
  </li>
 +
  <li>
 +
    <span style="height:15%" title="HTML"></span>
 +
  </li>
 +
</ul>   
 +
 
  
  

Revision as of 13:09, 22 August 2017

Modeling

V

Modeling.

Under construction...