光滑的中心滑块调整大小上一个和下一个滑块

Question

我想要实现的目标： https://drive.google.com/open?id=1dwQB4kEN5DFgtsPbyBcbXgl4kjupvOmu

如何使用CSS调整上一个和下一个滑块的大小？我试图使用jQuery Slick调整其大小，但仍然无法正常工作，有人尝试过吗？您可以查看上方我想要实现的链接。

下面是我使用的代码。

data['top_argo'] = \DB::select( \DB::raw("select DISTINCT SUM(transaction.total)
 as total_argo, COUNT(transaction.id) as total_trans, users.name FROM transaction 
 LEFT JOIN CUSTOMER ON customer.id = transaction.id_driver_fk 
 LEFT JOIN users ON users.id = customer.id_user_fk 
 WHERE id_customer_fk IS NOT NULL AND transaction.status = 'F' GROUP BY users.name ORDER BY SUM (transaction.total) DESC LIMIT 10"));