Make hexaflexigon with your own photos :)
A Pen by Sara Mansouri on CodePen.
Sara Mansouri sara-mansouri
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="photo"> | |
| <img class="mosalas one" ></img> | |
| <img class="m1 one" ></img> | |
| <img class="m2 one" ></img> | |
| <img class="m3 one" ></img> | |
| </div> | |
| <div class="photo"> | |
| <img class="mosalas two" ></img> |
sara-mansouri
/ hexaflexigon2 -6photos - edited.markdown
Last active
August 29, 2015 14:22
hexaflexigon2 -6photos - edited
sara-mansouri
/ hexaflexigon2 -6photos.markdown
Last active
August 29, 2015 14:22
hexaflexigon2 -6photos
Make hexaflexigon with your own photos :)
A Pen by Sara Mansouri on CodePen.
Make hexaflexigon with your own photos :)
A Pen by Sara Mansouri on CodePen.
sara-mansouri
/ 3D hexaflexigon - 4 photos.markdown
Last active
August 29, 2015 14:22
3D hexaflexigon - 4 photos
Make a 3D hexaflexigon with your own photos :) Just change the URL of images to your desired photos URL (Please upload them somewhere first(Flickr is a good option)), It needs to be changed in CSS classes named one,two, three, and four and print out the template.
A Pen by Sara Mansouri on CodePen.
Make hexaflexigon with your own photos :)
A Pen by Sara Mansouri on CodePen.
A Pen by Sara Mansouri on CodePen.
sara-mansouri
/ CSS responsive grid of hexagons.markdown
Created
June 6, 2015 22:34
CSS responsive grid of hexagons
Grid of regular hexagons using CSS with a hover effect to show text. This grid is responsive.
You can find more info about this responsive grid of hexagons here : http://stackoverflow.com/questions/26114920/responsive-grid-of-hexagons/26116497#26116497
Forked from web-tiki's Pen CSS responsive grid of hexagons.
A Pen by Sara Mansouri on CodePen.