Levin Mejia levinmejia
levinmejia
/ uilang-js.html
Last active
March 22, 2017 18:10
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
| <code> | |
| clicking on "ul.feature li, ul.feature li img" removes class "open" on "ul.feature li" | |
| clicking on "ul.feature li" adds class "open" on "target" | |
| </code> |
levinmejia
/ uilang.html
Last active
March 22, 2017 18:12
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
| <script src="http://uilang.com/lib/production/uilang.js"></script> |
levinmejia
/ ul-gallery-html.html
Last active
March 22, 2017 18:13
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
| <ul class="feature"> | |
| <li> | |
| <img src="//cdn.shopify.com/s/files/1/1008/6622/products/1_large.jpg?v=1443667905" alt="Buckle" /> | |
| <p><strong>Buckle</strong></p> | |
| </li> | |
| <li> | |
| <img src="//cdn.shopify.com/s/files/1/1008/6622/products/2_large.png?v=1443667927" alt="Strap" /> | |
| <p><strong>Leather Strap</strong></p> | |
| </li> | |
| <li> |
levinmejia
/ transform.css
Created
October 5, 2015 18:05
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
| -webkit-transform: scale(.5); | |
| transform: scale(.5); |
levinmejia
/ caption-styles.css
Last active
October 5, 2015 18:05
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
| p { | |
| padding: 0 16px 15px | |
| box-shadow: 0 1px 3px rgba(0,0,0,.4); | |
| background: rgba(255,255,255,.97); | |
| } |
levinmejia
/ transform-img.css
Last active
March 22, 2017 18:16
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
| ul.feature li > * { | |
| pointer-events: none; | |
| -webkit-transform: scale(.5); | |
| -webkit-transform-origin: 0 0; | |
| transform: scale(.5); | |
| transform-origin: 0 0; | |
| transition: .4s cubic-bezier(.3,0,0,1.2); | |
| } |
levinmejia
/ open-class.css
Created
October 5, 2015 18:07
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
| ul.feature .open > * { | |
| pointer-events: auto; | |
| -webkit-transform: translate(-25%, -25%); | |
| transform: translate(-25%, -25%); | |
| } | |
| ul.feature .open img { | |
| z-index: 3; | |
| } | |
| ul.feature .open p { | |
| z-index: 2; |
levinmejia
/ code-apply-open-class.html
Created
October 5, 2015 18:07
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
| <code> | |
| clicking on "ul.feature li" adds class "open" on "target" | |
| </code> |
levinmejia
/ remove-open-class.html
Created
October 5, 2015 18:08
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
| <code> | |
| clicking on "ul.feature li, ul.feature li img" removes class "open" on "ul.feature li" | |
| clicking on "ul.feature li" adds class "open" on "target" | |
| </code> |
levinmejia
/ facebook-icon-svg.html
Created
October 8, 2015 14:49
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
| <!-- Facebook Filled icon by Icons8 --> | |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" width="50" height="50" viewBox="0 0 50 50" style="null" class="icon icons8-Facebook-Filled" > <path d="M40,0H10C4.486,0,0,4.486,0,10v30c0,5.514,4.486,10,10,10h30c5.514,0,10-4.486,10-10V10C50,4.486,45.514,0,40,0z M39,17h-3 c-2.145,0-3,0.504-3,2v3h6l-1,6h-5v20h-7V28h-3v-6h3v-3c0-4.677,1.581-8,7-8c2.902,0,6,1,6,1V17z"></path></svg> |
OlderNewer