Esta pergunta já tem uma resposta aqui:

Vi este tópico aqui: Primeiro o texto em minúsculas e em maiúsculas. É possível com CSS?

Mas não era CSS puro. Eu tenho uma div que contém este texto:

<div>
RaWr rAwR
</div>

Eu quero usar css para parecer "Rawr Rawr". Corte, se eu apenas transformar texto em maiúscula, torna "RaWr RAwR", as letras já maiúsculas permanecem maiúsculas. Então, eu preciso diminuir todas as letras primeiro e depois colocar em maiúscul

Tentei envolvê-lo em outra div, mas não funcionou:

<style>
    #test3 { text-transform: lowercase; }
    #test3 div { text-transform: capitalize; }
</style>

<div id="test3"><div>RaWr rAwR</div></div>