الگوهای پس زمینه با CSS3

طراحی قالب وردپرس

طراحی وب سایت

سئو و طراحی وب سایت

سئو

اين امكان در CSS3 فراهم شده است تا پس زمينه و الگوهاي تكرار شونده اي را براي پس زمينه صفحات وب را در هنگام طراحی وب سایت ایجاد كنيد در اين صورت ديگر نيازي به نرم افزارهاي گرافيكي و همچنين "پترن" هاي تصويري نيست.

پس زمينه با CSS3 بهينه تر و سبك تر است و نقشي كليدي را در لود وب سايت دارد دراينجا ليستي از الگوهايي با پس زمينه CSS3 فراهم كرده ايم كه شما مي توانيد در هنگام طراحی وب از ان ها استفاده كنيد.

الگوي شطرنجي با CSS3

background: linear-gradient(45deg, #fff 25%,transparent 26%,transparent 75%,#fff 76%),
linear-gradient(-45deg, #fff 25%,transparent 26%,transparent 75%,#fff 76%);
background-color: #000;
background-size: 100px 100px;

الگوي مربعي با CSS3

background: linear-gradient(90deg, #fff 1%,transparent 3%,transparent 80%,#fff 82%),
linear-gradient(0deg , #fff 1%,transparent 3%,transparent 80%,#fff 82%);
 background-color: #25f;
 background-size: 50px 50px;

الگوي دايره اي با CSS3

background: linear-gradient(-45deg, #000 30%,transparent 45%,transparent 55%,#000 70%),
 linear-gradient(45deg, #000 30%,transparent 45%,transparent 55%,#000 70%);
 background-color: #900;
 background-size: 50px 50px;

الگوي لوله اي با CSS3

background: linear-gradient(90deg, black 1%,transparent 10%,black 20%,transparent 25%,black 29%,transparent 40%,
black 51%,transparent 59%,black 68%,transparent 71%,black 75%,transparent 80%,black 85%,transparent 93%,black 100%);
background-color: #fff;
background-size: 100px 100px;

الگوي طيف رنگين كمان با CSS3

سئو

طراحی قالب وردپرس

طراحی وب سایت

background: linear-gradient
(0deg, transparent 0%, #31009c 12%, #000084 25%,#009cff 37%,#00bd00 50%,#fff700 62%,#ff6331 75%,#de0000 87%,transparent 100%);
background-color: #000;
background-size: 10px 600px;
background-repeat:repeat-x;