figure > img {transition: all .2s ease-in-out;}
figure:hover > img {transform: scale(1.1)}
| Number.prototype.pad = function(size) { | |
| var s = String(this); | |
| while (s.length < (size || 2)) {s = "0" + s;} | |
| return s; | |
| } | |
| (1).pad(3) // => "001" | |
| (10).pad(3) // => "010" | |
| (100).pad(3) // => "100" |
| ((window.location.pathname.indexOf("/") + 1) % ( window.location.pathname.lastIndexOf("/") + 1 ) === 0) // true |
figure > img {transition: all .2s ease-in-out;}
figure:hover > img {transform: scale(1.1)}
| <figure> | |
| <img /> | |
| </figure> |
react-native run-ios --port 8082
facebook/react-native#10715 (comment)
npm install (on metro folder)| import React, { Component, Fragment } from 'react'; | |
| import { StyleSheet, Text, View, ScrollView, TouchableOpacity, Dimensions } from 'react-native'; | |
| const Menu = (props) => { | |
| let itens = ['blue', 'yellow', 'green', 'orange', 'pink']; | |
| const { menu } = styles; | |
| return ( | |
| <View style={menu}> | |
| { | |
| itens.map(item => |
| // inspiration: https://dribbble.com/shots/4370657-Share-Your-Feedback | |
| import React, { Component, Fragment } from "react"; | |
| import { Animated, StyleSheet, Text, View, TouchableOpacity, Dimensions, Platform, Easing, TextInput, KeyboardAvoidingView, Image } from "react-native"; | |
| import FontAwesome5 from 'react-native-vector-icons/FontAwesome5'; | |
| const { width: windowWidth } = Dimensions.get('window'); | |
| const Icon = (props) => <FontAwesome5 {...props} /> |