شرح عمل اضافة صندوق لنص تاثير ملون بشكل جميل
كيفية عمل صندوق تاثيرات بالالوان بشكل جميل عند امرار الفارة او الماوس عليه وايضا عندما يتم نسخ الكلام من داخل الصندوق يتلون بشكل جميل جدا فائدة الكود هو عندما تريد عمل كلام مخصص او مميز عن باقي الكلام الموجود في المقالة لديك في تدوينتك ووصلت لمرحله من الكتابة ورغبت في إضافة كلام مميز او معين وتريد تميزة عن الباقي وايضا يعطي شكل جميل لمدونتك .اليوم مع الشرح تعلم كيفية عمل ذالك ومن اجل ان تفهم اخي الكريم بشكل اكثر وبسيط لاحظ في المربع عند كلمه mydocx وكيفية تغير الالوان والتائير وكما تشاهد مربع نص مغلق مع الماوس فوق التأثير الذي تغير لونها حين تحريك الماوس حول مربع النص أيضا تغيير لون في حين نسخ النص داخل مربع النص هذا , كم هذا جميل , وهذا التاثير تجعل من مدونتك حسن المظهر الجميل والاستفادة من مربع النص لمعرفة كيفية عمل ذالك تابع معي .
mydocx
كل ماعليك اخي الكريم هو نسخ ولصق الكود الموجود في المدونة والذهاب للشرح
الكود في خاصية CSS
الكود في خاصية CSS
.postmsgg23
{
color: white;
background-color: black;
width: 500px;
margin: 5px 60px;
padding: 20px 20px 20px 20px;
border: 2px dotted lightgrey;
border-radius: 10px;
box-shadow: -1px -1px 12px 2px gainsboro;
transition: background-color .777s;
-webkit-transition: background-color .777s;
-moz-transition: background-color .777s;
-o-transition: background-color .777s;
-ms-transition: background-color .777s;
}
.postmsgg23:hover
{
background-color: CornflowerBlue ;
}
.postmsgg23:active
{
background-color: darkgreen ;
}
الكود الذي يسمح لك في عمل صندوق تاثيرات متلون
<div class="postmsgg23" style="font-family: "Courier New",Courier,monospace;">اكتب الكلام المراد هنا </div>
شكرا لكم على متابعتنا كنتم مع mydocx , الرجاء عدم نشر الموضوع من غير ذكر المصدر ورابط في حالة اعجبت بالموضوع كلمة شكر للكاتب تشجيعا .
0 تعليقات بلوجر
