Anil Kumar Krishnashetty anilkk
anilkk
/ dabblet.css
Created
November 20, 2012 09:12
The first commented line is your dabblet’s title
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
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| background: #f06; | |
| background: linear-gradient(45deg, #f06, black); | |
| min-height: 200%; | |
| color:white; | |
| border : 2px solid black; |
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
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| html, body, div, span, applet, object, iframe, | |
| h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
| a, abbr, acronym, address, big, cite, code, | |
| del, dfn, em, img, ins, kbd, q, s, samp, | |
| small, strike, strong, sub, sup, tt, var, | |
| b, u, i, center, |
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
| <div class="container"> | |
| <div class="hat-top"> | |
| <div class="hat-bottom">)</div> | |
| </div> | |
| <div class="face-top"> | |
| <div class="eyebro">_</div> | |
| <div class="glass"></div> | |
| <div class="glass right"></div> | |
| <div class="nose-top">)</div> | |
| </div> |
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
| <h1>Smashing Lion using CSS3</h1> | |
| <!-- Lion structure starts here--> | |
| <!-- Lion head starts here--> | |
| <div class="lionHead"> | |
| <div class="lionFace"> | |
| <!--Left side of the face--> | |
| <div class="halfFace"> | |
| <div class="faceComponentHolder"> | |
| <div class="ear"> | |
| <div class="earInside"></div> |
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
| #Setup device type | |
| #For more details refer - https://framer.com/docs/#device.deviceType | |
| Framer.Device.deviceType = "apple-iphone-6s-gold" |
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
| #Define variables | |
| fwidth=Framer.Device.screen.width | |
| fheight=Framer.Device.screen.height |
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
| # Create layer for each screens | |
| # | |
| screen1 = new Layer | |
| image:"https://preview.ibb.co/iBJJdQ/Screenshot_2017_06_13_00_12_49.png" | |
| width: 320 | |
| height: 520 |
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
| # Create transparent layer for hotspot | |
| searchButton = new Layer | |
| width: 650 | |
| height: 80 | |
| backgroundColor: "rgba(0,0,0, 0.1)" | |
| x: 60 | |
| y: 1100 | |
| #add to parent layer | |
| screen2.addChild(searchButton) |
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
| flow = new FlowComponent | |
| flow.showNext(screen1) |
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
| screen1.onTap -> | |
| flow.showNext(screen2) | |
| searchButton.onTap -> | |
| flow.showPrevious(screen1) |
OlderNewer