Что делают ::и ~в css?

Я смотрел на код, сделанный парнем в твиттере, и он такой:

div::after {
-webkit-transform: rotate(2deg);
}

div ~ div {
-webkit-transform: rotate(0deg);
}

что это?