Quebrando as regras do CSS
Aprenda a utilizar variáveis e calcular valores em CSS3 com as funções:
var() e calc().
A utilização das variáveis auxiliam muito no momento em que você precisa atribuir vários valores diferentes em classes diferentes.
E isso se torna ainda mais útil quando você precisa fazer cálculos com calc() e criar valores derivados de forma dinâmica.
Veja o vídeo explicativo:
Veja o conteúdo no Codepen:
Veja no CodePen: CSS – Uso de variáveis by dorian (@dorian_oliveiraoficial) on CodePen.
Códigos úteis para necessidades diversas de box com CSS3.
Animação com CSS3 com simulação 3D utilizando perspectiva (perspective)
Sem Javascript.
Veja no Codepen 3d spheres with z-index && perspective && preserve-3d by dorian (@dorian_oliveiraoficial) on CodePen.
Códigos úteis para necessidades diversas de box com CSS3.
Animação com CSS3 e troca de conteúdo (utilizando content nas interceptações de @keyframes).
Não foi utilizado Javascript.
Veja no Codepen: Breath by dorian (@dorian_oliveiraoficial)on CodePen.
Códigos úteis para necessidades diversas de box com CSS3.
Veja no Codepen CSS – Utilidades (Box) por dorian (@dorian_oliveiraoficial) on CodePen.
Formulário com HTML5, CSS3, utilizando conceitos de layout flexível (Flexbox).
Este exemplo vai mostrar a você como criar um formulário base com HTML e CSS, contando com 3 premissas:
Deixe seu comentário embaixo e diga se foi útil para você.
Acesse no CodePen: Form com Pure CSS by dorian (@dorian_oliveiraoficial) on CodePen.