نوشته ها

عنوان های تایپ شونده

یک ویژگی متن تزئینی منظم که تایپ کردن تعدادی از کلمات مشخص شده در یک ویژگی داده را شبیه سازی می کند.

این اثر به والدین نیاز دارد .typed-headline عنصری که دو <span> عناصر. اولین <span> بخشی از عنوان را نشان می دهد که تغییر نمی کند و دومین <span> با کلاس .typed-text حاوی یک ویژگی داده است data-typed-strings. ویژگی داده باید حاوی لیستی از رشته ها باشد که با کاما از هم جدا شده اند.

عنصر متن تایپ شده را می توان با کلاس های زیر تغییر داد:

• .typed-text--cursor در عنصر .typed-text یک مکان نما شبیه سازی شده برای افزایش جلوه تایپ اضافه می کند

<div class="typed-headline">
	<span class="h4 inline-block">Static headline</span>
	<span class="h4 inline-block typed-text typed-text--cursor color--primary" data-typed-strings="words,or,sentences,to type"></span>
</div>