مقالة مقدمة من wulin.com (www.vevb.com): اعتدت أن أعتقد أن تخطيط شلال الصورة في تشيناز جيد جدًا. لقد رأيت بعض الطرق التي ينفذها الآخرون من قبل ، والتي يتم تنفيذ معظمها باستخدام JS. جربته اليوم وحققت ببساطة تأثيرات تخطيط مماثلة مع CSS3. آمل أن يكون ذلك مفيدًا للجميع! الآثار في تشيناز
اعتدت أن أعتقد أن تصميم شلال الصورة في تشيناز جيد جدًا. لقد رأيت بعض الطرق التي ينفذها الآخرون من قبل ، والتي يتم تنفيذ معظمها باستخدام JS. اليوم جربته وقمت ببساطة بتنفيذ تأثيرات تخطيط مماثلة مع CSS3. آمل أن يكون ذلك مفيدًا للجميع! الآثار في تشيناز:
الكود الخاص بي:
CSS3 الشلال layout.container {-webkit-width-moz-width-o-width-webkit-gap-moz-gap-gapdiv: not (.container) {- webkit-border-radius-moz-border-radiusborder-radiusbackgroundborderDisplayWidthPositionMargin.title {line-heighttext-alignfont-familypure CSS3 تخطيط الشلال
تشغيل التأثير (Firefox ، اجتاز الاختبار تحت Google Chrome ، لكن المتصفحات الأخرى لم تختبر ~~):