طراحی ربان (Ribbon) با استفاده از HTML & CSS & JavaScript
به وسیله کدهای که میبینید یک ربان با افکت برای نمایش قیمت یا تبلیغات خاصی استفاده کنید شما میتوانید با تغییر در هر قسمت کدها ربان را به رنگ و اندازه دلخواه خودتاد تغییر دهید.
شما میتونید کدها رو تو یک فایل html وارد کنید یا به صورت جدا در دو فایل ، یک فایل css و یک فایل html وارد کنید و فایل css رو در فیال html فراخوانی کنید.
برای دیدن کدهای Html روی تب Html کلیک کنید.
برای دیدن کدهای Css روی تب Css کلیک کنید.
برای دیدن نتیجه روی تب Result کلیک کنید.
See the Pen CSS Animated Ribbon by John Graham (@johnegraham2) on CodePen.1
 با استفاده از HTML & CSS & JS){kind=link}