A Pen by Leonardo Lima on CodePen.
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> | |
var timerFont = "sans-serif" | |
var fontSize = 256 | |
var fontUnit = "pt" | |
var normalBackColor = "palegreen"; | |
var normalForeColor = "navy"; | |
var warnBackColor = "yellow"; | |
var warnForeColor = "navy"; |
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
<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> |
The column-count property specifies the number of columns an element should be divided into.
A Pen by Leonardo Lima on CodePen.
A Pen by Leonardo Lima on CodePen.
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
background: radial-gradient(circle,black 28%,yellow 35%,yellow 2%,black,black) no-repeat; | |
height:100%; |
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
background: radial-gradient(circle,black 18%,yellow 25%, red,black) no-repeat; | |
height:100%; | |
width:100%; | |
overflow:hidden; |
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
<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> |
A Pen by Leonardo Lima on CodePen.
Customize style of editor Atom.
A Pen by Leonardo Lima on CodePen.
NewerOlder