Manu

[Manu Arora @mannupaaji]

Use 𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 and 𝚌𝚕𝚒𝚙-𝚙𝚊𝚝𝚑 to animate theme switches instead of flipping them with a transition

𝚍𝚘𝚌𝚞𝚖𝚎𝚗𝚝.𝚍𝚘𝚌𝚞𝚖𝚎𝚗𝚝𝙴𝚕𝚎𝚖𝚎𝚗𝚝.𝚊𝚗𝚒𝚖𝚊𝚝𝚎(
{ 𝚌𝚕𝚒𝚙𝙿𝚊𝚝𝚑: ["𝚒𝚗𝚜𝚎𝚝(𝟶 𝟶 𝟷𝟶𝟶% 𝟶)", "𝚒𝚗𝚜𝚎𝚝(𝟶)"] },
{ 𝚙𝚜𝚎𝚞𝚍𝚘𝙴𝚕𝚎𝚖𝚎𝚗𝚝: "::𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗-𝚗𝚎𝚠(𝚛𝚘𝚘𝚝)", 𝚍𝚞𝚛𝚊𝚝𝚒𝚘𝚗: 𝟼𝟶𝟶 },
),

::𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗-𝚗𝚎𝚠(𝚛𝚘𝚘𝚝) {
𝚊𝚗𝚒𝚖𝚊𝚝𝚒𝚘𝚗: 𝚗𝚘𝚗𝚎;
𝚖𝚒𝚡-𝚋𝚕𝚎𝚗𝚍-𝚖𝚘𝚍𝚎: 𝚗𝚘𝚛𝚖𝚊𝚕;
}

Here the clipPath ensures the transition happens from top to bottom

[Manu @MooenzDev]

Day 350 of #100DaysOfCode. Today I coded 29 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 349 of #100DaysOfCode. Today I coded 4 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 348 of #100DaysOfCode. Today I coded 1 hr 55 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 347 of #100DaysOfCode. Today I coded 38 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 346 of #100DaysOfCode. Today I coded 36 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 345 of #100DaysOfCode. Today I coded 40 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 344 of #100DaysOfCode. Today I coded 2 hrs towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 343 of #100DaysOfCode. Today I coded 35 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 342 of #100DaysOfCode. Today I coded 1 hr 19 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 341 of #100DaysOfCode. Today I coded 43 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 340 of #100DaysOfCode. Today I coded 4 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 339 of #100DaysOfCode. Today I coded 21 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 338 of #100DaysOfCode. Today I coded 1 hr 33 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 337 of #100DaysOfCode. Today I coded 1 hr 54 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 336 of #100DaysOfCode. Today I coded 6 hrs 15 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 335 of #100DaysOfCode. Today I coded 4 hrs 50 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 334 of #100DaysOfCode. Today I coded 6 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 333 of #100DaysOfCode. Today I coded 4 hrs 21 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58

[Manu @MooenzDev]

Day 332 of #100DaysOfCode. Today I coded 6 hrs 45 mins towards my @WakaTime goal of coding 8 hrs per day https://t.co/Ky1xgbCI58