A shameless front-end mobile animation requirement

Ladies and Gentlemen, Xiaosheng is now facing such a demand. As shown above, this is a mobile terminal classification choice. When the user slides the horizontal list, the selected items are switched, and the left and right items that are not selected fade away. I found a lot of information. I did not enlighten me. I hope to know how to achieve the boss advice, thank you!

May.15,2021

just add a layer of css gradient to the top.


you can look for css fuzzy related tutorials
http://www.runoob.com/cssref/.

I don't think yours is fading

| Fuzzy + 2 | Fuzzy + 1 | No blur | Fuzzy + 1 | Fuzzy + 2 |

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b22451-4e26c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b22451-4e26c.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?