هاور دکمه

راهنمای قرار دادن عکس در متن نظر: https://roocket.ir/faq پرسش 8
این همان عکس بالایی هستش:

@milad الان جواب سوالمو دادی ؟

درود

این افکت در بعضی فریم‌ورک ها به نام Waves Effect و در بعضی دیگه به نام Ripple Effect شناخته میشه.

جز گزینه های قابل کانفیگ و خوبش میتونم به فریم‌ورک Materialize اشاره کنم:

• https://materializecss.com/waves.html

فریم‌ورک Material هم گزینه خوبیه و برای Android, iOS, Flutter و Web موجوده:

• https://material-components.github.io/material-components-web-catalog/#/component/button

گزینه دیگه هم Pure CSS هست که نمونه‌اش در کدپن زیر موجوده:

• https://codepen.io/finnhvman/pen/jLXKJw

جواب سوالتون نبود، ولی هدف بهبود فرآیند پاسخگویی بود. هم شما بتونید بهتر سوالتون رو بیان کنید. هم خوانندگان راحت تر باشند.

این مقاله پاسخ سوال تون هستش. مقاله رو ابتدا یک نگاه کلی بندازید، هرچی برید پایین تر، نمونه های مشابه تری به سوال شما یافت میشه.
https://medium.com/@leonardo.monteiro.fernandes/css-techniques-for-material-ripple-effect-3f0ece3062a0

و همینطور ممنون از پاسخ مهندس بیات @ali.bayat

@milad
کسی که بخواد جواب بده ، میده . دلیل هم نمیاره

@cfarhad
من عرضم این بود که خواننده راحت تر به عکس دسترسی داره داخل همین صفحه، لازم نیست یک صفحه دیگه باز کنه، اینجوری راحت تره.
بهرحال.