صفحة الخلفيات بتقنية css3

السلام عليكم ورحمة

الله وبركاته

--

نعود لكم بتدوينة جديدة نقدم لكم فيها صفحة الخلفيات بتقنية css3 مع زر التحميل والنسخ

• معاينة

طريقة التركيب:

1. انشئ صفحة جديدة وحرر html
2. ثم ضع الكود التالي

    


    <link href="https://cdn.rawgit.com/ortilex/ortslider/12e6f101/issamwp.css" rel="stylesheet" type="text/css">
<div class="ch-paper">
        <script>
            var colorData = [
                ["#FDEB71", "#F8D800"],
                ["#ABDCFF", "#0396FF"],
                ["#FEB692", "#EA5455"],
                ["#CE9FFC", "#7367F0"],
                ["#90F7EC", "#32CCBC"],
                ["#FFF6B7", "#F6416C"],
                ["#81FBB8", "#28C76F"],
                ["#E2B0FF", "#9F44D3"],
                ["#F97794", "#623AA2"],
                ["#FCCF31", "#F55555"],
                ["#F761A1", "#8C1BAB"],
                ["#43CBFF", "#9708CC"],
                ["#5EFCE8", "#736EFE"],
                ["#FAD7A1", "#E96D71"],
                ["#FFD26F", "#3677FF"],
                ["#A0FE65", "#FA016D"],
                ["#FFDB01", "#0E197D"],
                ["#FEC163", "#DE4313"],
                ["#92FFC0", "#002661"],
                ["#EEAD92", "#6018DC"],
                ["#F6CEEC", "#D939CD"],
                ["#52E5E7", "#130CB7"],
                ["#F1CA74", "#A64DB6"],
                ["#E8D07A", "#5312D6"],
                ["#EECE13", "#B210FF"],
                ["#79F1A4", "#0E5CAD"],
                ["#FDD819", "#E80505"],
                ["#FFF3B0", "#CA26FF"],
                ["#FFF5C3", "#9452A5"],
                ["#F05F57", "#360940"],
                ["#2AFADF", "#4C83FF"],
                ["#FFF886", "#F072B6"],
                ["#97ABFF", "#123597"],
                ["#F5CBFF", "#C346C2"],
                ["#FFF720", "#3CD500"],
                ["#FF6FD8", "#3813C2"],
                ["#EE9AE5", "#5961F9"],
                ["#FFD3A5", "#FD6585"],
                ["#C2FFD8", "#465EFB"],
                ["#FD6585", "#0D25B9"],
                ["#FD6E6A", "#FFC600"],
                ["#65FDF0", "#1D6FA3"],
                ["#6B73FF", "#000DFF"],
                ["#FF7AF5", "#513162"],
                ["#F0FF00", "#58CFFB"],
                ["#FFE985", "#FA742B"],
                ["#FFA6B7", "#1E2AD2"],
                ["#FFAA85", "#B3315F"],
                ["#72EDF2", "#5151E5"],
                ["#FF9D6C", "#BB4E75"],
                ["#F6D242", "#FF52E5"],
                ["#69FF97", "#00E4FF"],
                ["#3B2667", "#BC78EC"],
                ["#70F570", "#49C628"],
                ["#3C8CE7", "#00EAFF"],
                ["#FAB2FF", "#1904E5"],
                ["#81FFEF", "#F067B4"],
                ["#FFA8A8", "#FCFF00"],
                ["#FFCF71", "#2376DD"],
                ["#FF96F9", "#C32BAC"]
            ];
        </script>
    </div>
 
<div class="ch-notify-plank">
 
    </div>

<script src="https://webkul.github.io/coolhue/scripts/script.js" type="text/javascript"></script>

1. غير ما يناسبك