إضافة تلميح علي النص

تم تطويره بإستخدام CSS فقط

الصور

image by SAMji_illustrator
image by SAMji_illustrator
image by SAMji_illustrator

نص

دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً مثال نص عربى كبير هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة, غريب عجيب ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع'عجيب غريب مريب, ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربي أن يوفر على المصمم عناء البحث عن نص بديل, لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق نعم تم توليد هذا النص العرب من موقعه لفه نص عربى غير منظم هذا النص يمكن أن يتم تركيبه على أي تصميم, إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربي زيادة عدد الفقرات كما تريد..

الأتجاهات

يمين أعلي أسفل شمال
<span class="button mint-tips" data-title="ضع النص هنا">أعلي</a>
                <span class="button mint-tips" data-mint-tips="left" data-title="ضع النص هنا">يسار</a>
                <span class="button mint-tips" data-mint-tips="bottom" data-title="ضع النص هنا">أسفل</a>
                <span class="button mint-tips" data-mint-tips="right" data-title="ضع النص هنا">يمين</a>

ANIMATIONS - الأفتراضي

الأفتراضي يمين الأفتراضي للأعلي الأفتراضي للأسفل الأفتراضي يسار
<span class="mint-tips" data-title="ضع النص هنا">Default</a>

تلاشي

تلاشي لليمين تلاشي للأعلى تلاشي للأسفل تلاشي لليسار
<span class="mint-tips--fade" data-title="ضع النص هنا">Fade</a>

انزلاق للداخل

إنزلاق لليمين إنزلاق للأعلى إنزلاق للأسفل إنزلاق لليسار
<span class="mint-tips--slide-in" data-title="ضع النص هنا">Slide In</a>

إنزلاق للخارج

سحب لليمين سحب للأعلى سحب للأسفل سحب لليسار
<span class="mint-tips--slide-out" data-title="ضع النص هنا">Slide Out</a>

أرتداد للداخل

إرتداد لليمين إرتداد للأعلى إرتداد للأسفل إرتداد لليسار
<span class="mint-tips--bounce-in" data-title="ضع النص هنا">Bounce In</a>

إرتداد للخارج

إرتداد لليمين إرتداد للأعلى إرتداد للداخل إرتداد لليسار
<span class="mint-tips--bounce-out" data-title="ضع النص هنا">Bounce Out</a>