Difference between revisions of "Team:Austin UTexas/Design"

Line 7: Line 7:
 
<div class="column full_size">
 
<div class="column full_size">
 
<h1>Design</h1>
 
<h1>Design</h1>
 +
 +
<html>
 +
<head>
 +
<link href="https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.3.0/balloon.css" rel="stylesheet">
 +
<style>
 +
.foo img:last-child{display:none}
 +
.foo:hover img:first-child{display:none}
 +
.foo:hover img:last-child{display:inline-block}
 
<p>
 
<p>
 
<button class="btn-link" button data-balloon-length="fit" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="up">My width will fit to element</button>
 
<button class="btn-link" button data-balloon-length="fit" data-balloon="What about something really big? This may surpass your window dimensions. Imagine you're on that boring class with that boring teacher and you didn't slept so well last night. Suddenly you're sleeping in class. Can you believe it?!" data-balloon-pos="up">My width will fit to element</button>

Revision as of 19:39, 27 June 2017

Design