با استفاده از كدي كه قرار دادم مي تونين به يه متن يا تصوير و يا هر چيزي كه در صفحه وب خود داريد انعكاس بدين. اين ويژگي در مرورگرهاي سافاري و كروم پشتيباني مي شود. کد: #reflect {-webkit-box-reflect: below -5px -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(255, 255, 255, 0.3)));} below -5px : در این قسمت می توانید مختصات نمایش انعکاس را مشخص کنید (تغییر مختصات محور x) . هر چه به سمت اعداد منفی حرکت کنیم انعکاس به سمت پایین تر می رود ، و هر چه به سمت اعداد مثبت حرکت کنیم ، انعکاس به سمت بالا تغییر مسیر می دهد. webkit-gradient : این کد مربوط به کد گرادیانت می باشد. کد گرادیانت در اینجا تقریباً می توان گفت اضافه است و فقط جهت زیبایی بخشیدن به انعکاس شی می باشد. با تغییر دادن اعداد این کد می توانید آنرا شخصی سازی کنید.
