Como fazer os seguintes efeitos apenas com css e html?

Olá,

Podem me ajudar com os seguintes efeitos?

http://imgur.com/a/D9EOV

Preciso impementá-los em um tema mas não sei como fazê-lo.

Obrigado.

PS: No Terceiro quero apenas saber como posso "recortar" a borda do bloco.