Estou passando pelo mesmo problema.
Já revisei algumas vezes o código tentando achar algum problema mas nada.
Pelo debug do browser (tentei chrome e firefox) vejo que os arquivos .css não foram carregados.
Já tentei restartar o server mas também não funcionou.
obs: o mesmo problema ocorre para os styles do painel.component.
/home/lucas/alura/alurapic/client/app/foto/foto.component.css
.efeito:hover {
transition: all 0.5s;
transform: scale(1.15);
}
.efeito {
transition: all 1s;
}
/home/lucas/alura/alurapic/client/app/foto/foto.component.html
<img class="img-responsive center-block efeito" [src]="url" [alt]="titulo">
/home/lucas/alura/alurapic/client/app/foto/foto.component.ts
import { Component, Input } from '@angular/core';
@Component({
moduleId: module.id,
selector: 'foto',
templateUrl: './foto.component.html',
styleUrls: ['./foto.component.css']
})
export class FotoComponent{
@Input() titulo: string;
@Input() url: string;
descricao: string;
}
Abs