شفرة

    جسم {
        العرض: فليكس؛
        ضبط المحتوى: مركز؛
        محاذاة العناصر: مركز؛
        الارتفاع: 100 فولت؛
        الهامش: 0;
        لون الخلفية: #0d0d0d؛
        الفائض: مخفي؛
        الانتقال: سهولة صورة الخلفية بمقدار 0.5 ثانية؛
        حجم الخلفية: الغلاف؛
        موقف الخلفية: المركز؛

    }

    /* حاوية دائري */
    دائري {
        الموقف: نسبي؛
        العرض: 130 بكسل؛
        الارتفاع: 130 بكسل؛
        نمط التحويل: الحفاظ على 3D؛
        المنظور: 1000 بكسل؛
        الانتقال: تحويل 1S؛
    }

    /* أنماط الصورة */
    .دائري img {
        الموقف: مطلق؛
        الارتفاع: 100%؛
        العرض: 100%؛
        /* العرض: 150 بكسل؛
        الارتفاع: 150 بكسل؛ */
        نصف قطر الحدود: 10 بكسل؛
        ظل الصندوق: 0 0 10px rgba(255, 110, 199, 0.3);
        أصل التحويل: المركز؛
        الانتقال: تحويل 0.5 ثانية، تصفية 0.5 ثانية؛
        العتامة: 0.8؛
    }

    /* ضع كل صورة حول المحور Y */
    .carousel img:nth-child(1) { تحويل: تدويرY(0deg) ترجمةZ(150px); }
    .carousel img:nth-child(2) { تحويل: تدويرY(72deg) ترجمةZ(150px); }
    .carousel img:nth-child(3) { تحويل: تدويرY(144deg) ترجمة Z(150px); }
    .carousel img:nth-child(4) { تحويل: تدويرY(216deg) ترجمةZ(150px); }
    .carousel img:nth-child(5) { تحويل: تدويرY(288deg) ترجمةZ(150px); }

    /* أيقونات التحكم */
    ضوابط {
        الموقف: مطلق؛
        أسفل: 20 بكسل؛
        اليسار: 20 بكسل؛
        العرض: فليكس؛
        الفجوة: 10 بكسل؛
    }
    زر التحكم {
        العرض: 40 بكسل؛
        الارتفاع: 40 بكسل؛
        حجم الخط: 18 بكسل؛
        الحدود: لا شيء؛
        لون الخلفية: #181616؛
        اللون: #ففف؛
        المؤشر: المؤشر؛
        نصف قطر الحدود: 50%؛
        الانتقال: لون الخلفية 0.3 ثانية؛
    }
    زر التحكم: تحوم {
        لون الخلفية: #555؛
    }
نمط>
الرأس>