[Backgrounds] আপনার ওয়েবসাইটে এখন নানা ধরনের Background স্টাইল ব্যবহার করুন।

আজকে আমি আপনাদের কিছু অসাধারণ background image style দেবা যা থেকে আপনি একটি ব্যাকগেরাউন্ডকে অনেক সুন্দর এবং স্টাইলিশ করতে পারবেন।প্রতি style আলাদা আলাদা ভাবে তৈরি কৃত।আর যেহেতু এগুলো css style দ্বারা তৈরি তাই কোডের সাথে সাথে Example ও থাকবে।

Note: এই কোডগুলো ছোট ফোন মানে জাভাতে সার্পোট করে না।আর যদি কোনো কোড এর উদাহরণ দেখা না যায় তাহলে আমার কিছু করার নেই তবে ওয়েবসাইট কোডটি বসালে ঠিকি কাজ করবে।

আমরা অনেক শুধু white, black,blue ইত্যাদি background ব্যবহার করে থাকি যাতে স্টাই ভালো হয় না তবে আমি যে কোডগুলো আপনাদেরকে দেবো তা সব অসাধারণ স্টাইল আছে।

1.
Code
</p> <div style="height: 200px;width: 200px;background-color: red;background-image: repeating-conic-gradient(red 10%, yellow 20%);border-radius: 50%"></div> <p>
Example:

2.
Code
</p> <div style="height: 200px;background-image: repeating-linear-gradient(red, yellow 10%, green 20%)"></div> <p>

3.
Code
</p> <div style="height: 200px;background-image: repeating-radial-gradient(red, yellow 10%, green 15%)"></div> <p>
Example:

4.
Code
</p> <div style="height: 150px;width: 200px;background-image: radial-gradient(red,green,lightgreen,yellow,black)"></div> <p>
Example:

5.
Code:
</p> <div style="height: 200px;background-image: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1))"></div> <p>

Example:

6.
Code:
</p> <div style="height: 200px;width: 200px;background-color: red;background-image: conic-gradient(red 0deg, red 90deg, yellow 90deg, yellow 180deg, lightpink 90deg);border-radius: 50%"></div> <p>

Example:

এই কোড গুলো ওয়েবসাইট ডিজাইনারদের অনেক কাজে দেবে এতে তারা অনেক ভালো গেরাফিক্স করতে পারবে ওয়েবসাইট এ।