An advancement on my original 3D Carousel. Images are mathematically distributed and sized with JavaScript into a circle, provided with transitioned captions on hover, and zoomed on click. Keyboard shortcuts supported. Doesn't yet work correctly in IE or Safari, due to bugs in each (which I hope will be fixed in IE 11 and Safari 7).
Zurc Zurc
This file contains hidden or 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
| /** | |
| * shadows with CSS | |
| */ | |
| #box{ | |
| width: 300px; | |
| height: 500px; | |
| overflow: scroll; | |
| margin: 1em calc((100% - 300px)/2); | |
| background: | |
| linear-gradient(hsla(0, 0%, 100%, 0) 15px, white 40px), |
This file contains hidden or 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
| <input type="text" id="name" placeholder="new link name"> | |
| <input type="text" id="url" placeholder="www.example.com"> | |
| <input type="button" id="addLink" value="add link"> | |
| <div id="linkList"> | |
| <div> | |
| <a href="http://www.lavoz.com.ar" target="ventana">La Voz del Interior</a> | |
| <input type="button" id="removeLink" class ="removeLink" value="x"> | |
| </div> | |
| <div> |
Zurc
/ Json-list-to-website-colourful-boxes....markdown
Created
September 18, 2013 17:37
A Pen by Zurc.
Given a JSON object list i'm trying to write the code to display it on a website with this format:
- A User ID Tag is a 300x300px square filled with the tag background color.
- I want to display a User ID Tag for each user.
- The users should be sorted by their IDs.
- The tag background colors should be randomly picked - different for each user and different with every refresh.
- On mouse-over each tag should change to have white background and display user name, mention name and email in black in different lines.
- On mouse-out I want to come back to random background-color
Zurc
/ Json-list-to-website-colourful-boxes....markdown
Created
September 18, 2013 11:37
A Pen by Zurc.
Given a JSON object list i'm trying to write the code to display it on a website with this format:
- A User ID Tag is a 300x300px square filled with the tag background color.
- I want to display a User ID Tag for each user.
- The users should be sorted by their IDs.
- The tag background colors should be randomly picked - different for each user and different with every refresh.
- On mouse-over each tag should change to have white background and display user name, mention name and email in black in different lines.
- On mouse-out I want to come back to random background-color
NewerOlder