Olá, gostaria de saber por que ele colocou no código dois "transform"?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Olá, gostaria de saber por que ele colocou no código dois "transform"?
Voce diz porque tem o transform e o -webkit-transform?
A propriedade oficial é transform mas antigamente antes da especificacao terminar alguns browsers implementaram essa propriedade com prefixos proprietarios. Cada browser tem seu proprio prefixo (o -webkit era pra Safari, Chrome, Android).
Existiam outros tbm, como -ms-transform ou o -moz-transform. Nessa tabela vc encontra as versoes dos navegadores e quais exigem quais prefixos: http://caniuse.com/#search=transform
No exercicio o autor achou suficiente usar o transform para todos os browsers modernos e o -webkit-transform mais pensando am Androids (que foram mais tardios em adotar a versao sem prefixos). Mas dependendo do seu publico vc pode querer adicionar outros prefixos tbm (como -ms-transform pro IE9)