theandersonn / css-tips

Pequenos trechos de códigos com aplicações CSS

css-tips

📌 Pequenos trechos de códigos com aplicações CSS

Alinhamento vertical de itens

• Alinhamento vertical com altura 100% - display table + table-cell -> Code
• Alinhamento vertical com altura 100% - transform -> Code
• Alinhamento vertical com altura fixa -> Code
• Alinhamento vertical com Flexbox -> Code

Arrows

• Arrows: Top - Right - Bottom - Left -> Code

Buttons

• Scroll Down Animation -> Code

Flip Image

• Flip Image -> Code

Layout

• Grid 12 columns -> Code

Footer

• Footer ever bottom 1 -> Code
• Footer ever bottom 2 -> Code
• Footer ever bottom 3 -> Code

Link effects

• Animated underline hover 1 -> Code
• Animated underline hover 2 -> Code

Recent Posts

• Recent Posts with float -> Code
• Recent Posts with fllex -> Code

Reset

• Font Size com REM -> Code
• Minimal Reset CSS -> Code

Search

• Search -> Code

Section

• Skewed Background -> Code

Thumb

• Background over Image -> Code
• Hexagon -> Code
• View background on Hover -> Code
• Zoom on Hover -> Code

Title

• Line on side Headings -> Code
• Title bottom border -> Code