Skip to content

Instantly share code, notes, and snippets.

View leonardo403's full-sized avatar

Leonardo Lima leonardo403

View GitHub Profile
@leonardo403
leonardo403 / countdown.js
Created October 20, 2015 20:00
Contador de tempo para palestras
<script>
var timerFont = "sans-serif"
var fontSize = 256
var fontUnit = "pt"
var normalBackColor = "palegreen";
var normalForeColor = "navy";
var warnBackColor = "yellow";
var warnForeColor = "navy";
@leonardo403
leonardo403 / webkit no chrome
Last active August 29, 2015 14:09
Webkit Margin Before no Chrome
<h1>Problemas com margin-top no Chrome</h1>
<p>Quando você utilizar no layout a propriedade CSS margin-top, provavelmente algum problema você terá no margin-top com os browsers que utilizam -webkit(Chrome & Safari).Realizando pesquisas fui achando diversos problemas que outras pessoas também enfrentaram, mas uma coisa que me chamou muito a atenção foi a solução desse problema.</p>
<h2>Utilizando o -webkit-margin-before</h2>
<p>Vamos considerar que você utilizou um reset.css e dentro desse arquivo tem uma configuração assim </p>
<h3>Exemplo</h3>
<code>p{margin-top:15px;-webkit-margin-before:15px;}</code>
@leonardo403
leonardo403 / CSS3-Create-Multiple-Columns.markdown
Created September 22, 2014 06:39
A Pen by Leonardo Lima.

CSS3 Create Multiple Columns

The column-count property specifies the number of columns an element should be divided into.

A Pen by Leonardo Lima on CodePen.

License.

@leonardo403
leonardo403 / Eclipse-sun-CSS.markdown
Last active August 29, 2015 14:06
A Pen by Leonardo Lima.
@leonardo403
leonardo403 / dabblet.css
Last active August 29, 2015 14:06
Untitled
background: radial-gradient(circle,black 28%,yellow 35%,yellow 2%,black,black) no-repeat;
height:100%;
@leonardo403
leonardo403 / dabblet.css
Created September 21, 2014 04:53
Untitled
background: radial-gradient(circle,black 18%,yellow 25%, red,black) no-repeat;
height:100%;
width:100%;
overflow:hidden;
@leonardo403
leonardo403 / index.html
Last active August 29, 2015 14:06
traffic lights CSS
<div class="wrap">
<div class="apoio"></div>
<div class="red"></div>
<div class="yell"></div>
<div class="green"></div>
<div class="faixa-a"></div>
<div class="faixa-b"></div>
<div class="faixa"></div>
<div class="asfalto"></div>
</div>
@leonardo403
leonardo403 / CSS-animation-color.markdown
Created September 8, 2014 01:55
A Pen by Leonardo Lima.
@leonardo403
leonardo403 / Stylesheet-Atom-.markdown
Created September 7, 2014 01:46
A Pen by Leonardo Lima.