D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
yonitru
Full window
Github gist
flexbox1
<!DOCTYPE html> <html> <head> <title>flexbox</title> <link rel="stylesheet" href="includes/style.css"> <style type="text/css"> * { padding:0px; margin:0px; } header,nav,aside,article,section,footer, main { display:block; } .flex { display:flex; flex-direction:row; width: 350px; height: 300px; } .flex > div { flex: auto; width: 30px; transition: width 0.6s ease-out; } .flex > div:nth-child(1){ background: #00b33c; } .flex > div:nth-child(2){ background: #004d1a; } .flex > div:nth-child(3){ background: #ff0055; } .flex > div:hover { width: 180px; }</style> </head> <body> <div class="flex"> <div></div> <div></div> <div></div> </div> </body> </html>