Circular Frame about ngx-webcam

[Prathik-Jain]

@basst314

[basst314]

Hi @Prathik-Jain,

this should be achievable with CSS I believe.
I will try and let you know as soon as possible.

Cheers

[basst314]

Hi @Prathik-Jain,
I just tried it in Chrome Devtools, but the result looks promising. Try defining something like this in your global stylesheet:

webcam video { border-radius: 50%; object-fit: cover; }

Let me know if that works for you.

Thanks!

[Prathik-Jain]

Woah! 🎉 !!
It works when I change the style in my global style sheet.

Can you please explain why does it not working in a component style sheet?
Thanks @basst314

[basst314]

Hi @Prathik-Jain,

I'm glad to hear that it worked!

Things like this must go into the global style sheet, since Angular runs style encapsulation per component, which means that a style defined in a component's css will only be applied to its own template (and never to others). For more information, see here.

Cheers!

[devna13]

encapsulation: ViewEncapsulation.None worked for me.