CSS3

CSS3 version 3 cascading style sheet specification

Background and border blinking animation using CSS3

Goal is to make a box, input, etc, anything that has a border to blink with using css3, no JavaScript with infinite loops!<style> @-webkit-keyframes blink { 0% { background: rgba(255,0,0,0.5); } 50% { background: rgba(255,0,0,0); } 100% { background: rgba(255,0,0,0.5); } } @keyframes blink { 0% { background: rgba(255,0,0,0.5); } 50% { background: rgba(255,0,0,0); } 100% { background: rgba(255,0,0,0.5); } } @-webkit-keyframes blinkingBorder { 0% { border-color: rgba(255,0,0,0.5); } 50% { border-color: ......

CSS3 - :not selector

CSS3 - :not selector Goal: Understand the different applications of the CSS3 :not selector Overview: Trying to find useful information about CSS3, and specifically the :not selector can be hard. So in order to try and alleviate that, here are some (hopefully) useful hints and tips. The Specification: The negation pseudo-class, :not(X), is a functional notation taking a simple selector […] as an argument. It represents an element that is not represented by the argument. Not so clear, is it?! What ......