hi @nolimits4web , thanks for this great component!
i found out it’s so cpu intensive because of backdrop-filter blur effect (like box-shadow!) ;
there is a trick which is very usable animating heavy effects i want to share.
instead of keyframes or transition of backdrop-filter blur from 0 to 15, we could do this:
transform: translate3d(0, 0, 0);
transition: 0.2s all linear;
this way we animate opacity and it’s super fast and performant, even on low end devices!
did you try f7 way?
card-content-padding used to add extra padding to card-content
card-outline - additional class that can be added to card element to make it outline
no-shadow - additional class that can be added to card element to remove its shadow
no-border - additional class that can be added to card element to remove its border (for outline card)
i dont know if this would achieve the same result you are looking.
@pvtallulah it is about blur backdrop on expandable card, which is slow in Chrome (and in Android). @Ars_Rza good catch, thanks, i think i will put similar fix to core
ok, thanks for the clarification!