leonardo403

<script>
var timerFont = "sans-serif"
var fontSize = 256
var fontUnit = "pt"

var normalBackColor = "palegreen";
var normalForeColor = "navy";

var warnBackColor = "yellow";
var warnForeColor = "navy";

leonardo403

<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

AngularJS - Basics Controller

A Pen by Leonardo Lima on CodePen.

License.

leonardo403

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

Eclipse sun CSS

A Pen by Leonardo Lima on CodePen.

License.

leonardo403

background: radial-gradient(circle,black 28%,yellow 35%,yellow 2%,black,black) no-repeat;
height:100%;

leonardo403

background: radial-gradient(circle,black 18%,yellow 25%, red,black) no-repeat;
height:100%;
width:100%;
overflow:hidden;

leonardo403

<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

CSS animation color

A Pen by Leonardo Lima on CodePen.

License.

leonardo403

Stylesheet Atom

Customize style of editor Atom.

A Pen by Leonardo Lima on CodePen.

License.