কিভাবে সিএসএস ত্রিভুজ না: অধিকাংশ সুবিধাজনক উপায়ে

অত্যন্ত প্রায়ই সুন্দর আধুনিক ওয়েব পেজ অনেক আকর্ষণীয় গ্রাফিক্স ধারণ করে। এদের মধ্যে সবচেয়ে সহজ একটি ত্রিভুজ, যা উপাদানের একটি বহুবচন ডিজাইন করতে ব্যবহার করা হয় যেমন জ্যামিতিক আকৃতি ব্যবহার করে। উদাহরণ হিসেবে বলা যায়, তারা একটি পয়েন্টার হিসাবে একটি বস্তু পৃষ্ঠাতে ভিজিটর তাকে তার মনোযোগ পরিণত ব্যবহার করা হয়। অবশ্য, ত্রিভুজ প্রধান ফাংশন - একটি আলংকারিক, ব্লক যে তাদের ধারণ, যেমন আরো আধুনিক এবং আকর্ষণীয় হয়ে উঠছে।

সবাই ক্যাসকেডিং স্টাইল শীট মাধ্যমে এই ধরনের একটি চিত্র তৈরি করার পদ্ধতি, এবং CSS একটি ত্রিভুজ করতে কিভাবে হতাশ হয় জানেন।

সাইট ডিজাইন অ্যাপ্লিকেশন

সর্বত্র ওয়েব ডিজাইন ত্রিভুজ হবে। তারা বাইরে টিপস, মেনু, বিভিন্ন UI উপাদান তৈরি করা হয়। কখনো কখনো তারা বুট প্রক্রিয়ার একটি সূচক তৈরি করতে ব্যবহার করা হয়। এবং যদি তার আগে এটা তাদের ছাড়া কি সম্ভব ছিল, কিন্তু এখন এটি অসম্ভব, এবং ডেভেলপারদের যেমন প্রয়োজনীয়তা মানিয়ে বাধিত। ইন্টারফেসের অংশের মধ্যে ইন্টারকানেকশন নির্মাণে একটি গুরুত্বপূর্ণ অংশ এবং একটি একক সত্তা মধ্যে একত্রীকরণ - সব পরে, আজ সিএসএস ত্রিভুজ মধ্যে তৈরি করা হয়েছে।

অনেক ওয়েব ডিজাইনার কিংকর্তব্যবিমূঢ় যখন এটি লেআউট, নকশা যার খুব প্রায়ই হয় ত্রিভুজ আসে হয়। সব পরে, কোন বৈশিষ্ট্য সরাসরি এই জ্যামিতিক চিত্র তৈরি হবে। বস্তুত, এই কাজ করতে একাধিক পদ্ধতি।

ব্যবহার ফ্রেম তৈরি করার একটি পদ্ধতি

সীমান্ত - প্রথম পদ্ধতি আপনি CSS এর মধ্যে একটি ত্রিভুজ তৈরি করতে পারবেন। তিনি ফ্রেম ব্যবহার করছে। সত্য যে গণ্ডি যে সীমান্ত সম্পত্তি ব্যবহার করে তৈরি করা হয় সরাসরি ত্রিভুজ এর সাথে সম্পর্কিত নয় সত্ত্বেও, এটা এই কাজের জন্য প্রায়শই ব্যবহার করা হয়।

যখন শূন্য উচ্চতা এবং বস্তুর প্রস্থ, সেইসাথে একটি পুরু সীমান্তের ইনস্টলেশন সেটিং, আপনি বর্গ চারটি সমান ত্রিভুজ বিভক্ত করা হয় দেখতে পারেন। কৌতুক আপনি শুধুমাত্র প্রয়োজনীয় সীমান্ত রাখা প্রয়োজন, এবং অন্যদের স্বচ্ছ করা হয়। এবং এখন, এটা একটি ত্রিভুজ সিএসএস ডান দিক এবং রঙের টানা সক্রিয় আউট।

বৈশিষ্ট্য "ফ্রেম" সুবিধাজনক ব্যবহার কোণ তৈরি করুন কারণ কোন এডিটিং ব্যবহার ছবি আঁকা কোন প্রয়োজন নেই। ' ত্রিভুজ পরামিতি সবসময় কোডে পরিবর্তন করা যাবে। এবং এটা সময় ডেভেলপার পরিমাণ সঞ্চয় হয়। ফ্রেমের বিভিন্ন প্রস্থ মিশ্রন দ্বারা এটা সহজ চিত্রে পেতে যথেষ্ট। কিভাবে এটি কাজ করে বুঝতে, আপনি কেবল একটি শূন্য প্রস্থ, উচ্চতা সহ একটি খালি উপাদান, এবং খুব পুরু ফ্রেম প্রতিটি পাশ দিয়ে একটি ভিন্ন রঙ তৈরি করতে পারেন। সুতরাং, চার স্বচ্ছ ত্রিভুজ তিন পক্ষের উপার্জন ধরনের আছেন:

• ত্রিভুজ, বাঁদিকে খুঁজছেন, পক্ষের যার সমান;
• ত্রিভুজ, বাম এবং চ্যাপ্টা তাকিয়ে থাকবে
• একটি elongated ত্রিভুজ, বাম দিকে মুখ করে;
• কৌণিক ত্রিভুজ, যার সমকোণ বামে;
• ত্রিভুজ নীচের দিকে তাকিয়ে;
• ত্রিভুজ আপ খুঁজছেন;
• ত্রিভুজ, ঠিক আছে, এবং অনেক অন্যান্য প্রজাতির খুঁজছেন।

psevdoedementov ব্যবহার

এই কৌশল সঙ্গে, আপনি পপ আপ নির্দেশাবলীর এবং টিপস মধ্যে কোণ তৈরি করতে পারেন। ইউনিট সিএসএস ত্রিভুজ মাধ্যমে সংযুক্ত করতে, বেশিরভাগ প্রোগ্রামাররা এই ধরনের একটি সিউডো-পরে আগে ব্যবহার করুন। আপনি তাদের একসঙ্গে ব্যবহার করলে, এটা সিএসএস একটি স্ট্রোক থাকার ত্রিভুজ মধ্যে আঁকা সম্ভব।

তাদের মিশ্রন দ্বারা, ডেভেলপারদের সুন্দর শ্যুটার বিভিন্ন তৈরি, সম্পত্তি প্রয়োগের অবস্থান: আপেক্ষিক পিতা বা মাতা উপাদানে। এই অর্ডার মধ্যে সম্পন্ন করা হয় সিউডো-তাদের আসন থেকে স্থানান্তরিত।

প্লাস ত্রিভুজ তৈরি করার জন্য সিএসএস ফ্রেমওয়ার্ক ব্যবহার আছেন:

• মাপ এবং বৈশিষ্ট্য সাহায্যে রং দ্রুত এবং সহজ এডিটিং;
• সমস্ত ব্রাউজার সমর্থন করে।

কনস:

• কারণ এটি ফ্রেম ব্যবহার করে, সেখানে গ্রেডিয়েন্ট, ছায়া প্রয়োগ করতে কোন সম্ভাবনা নেই;
• কখনও কখনও, ব্যবহারকারী ফায়ারফক্স ব্রাউজারের পৃষ্ঠা দেখে যখন, আলফা মান কাজ নাও করতে পারে, এবং এই চিত্র বিকৃত করা হবে।

রেডিমেড ছবি ব্যবহার

ত্রিভুজ তৈরি নিম্নলিখিত পদ্ধতি - এনকোডেড ইমেজ ব্যবহার। ত্রিভুজ একটি চিত্র সম্পাদকে আগাম টানা এবং বিশেষ পরিষেবার সঙ্গে একটি বিশেষ কোড রূপান্তরিত হয়।

এই পদ্ধতি সুবিধা হল যে আপনি ছায়া, গ্রেডিয়েন্ট, এবং ফ্রেম সঙ্গে একটি খুব সুন্দর নকশা করতে পারেন এবং তারপর এটা সব এনকোড করা হয়। কিন্তু downside হয় যে সবাই গ্রাফিক্স প্রোগ্রাম অনর্গল হয়। এছাড়াও, যদি ইমেজ খুব বড়, কোডের লাইন কেবল বিরাট দ্বারা প্রাপ্ত হয়। এই বিকাশকারীর জন্য অসুবিধাজনক।

ব্রাউজার Internert এক্সপ্লোরার পুরানো সংস্করণ ব্যবহার মূল্য একটি পৃথক আইটেম। তাদের সালে পদ্ধতি কেবল কাজ করে না।

পদ্ধতি বিপর্যস্ত বর্গক্ষেত্র

ওয়ান ওয়ে সিএসএস উল্টানো বর্গক্ষেত্র একটি উপায় তৈরি করা। দুটি মৌলিক ইউনিট আছে। কিন্তু কিছু লোক ছদ্ম ব্যবহার করুন।

প্রথমত, আপনাকে একটি স্কোয়ারে তৈরি করুন। এটা তোলে আবর্তিত সদস্য বিষয়বস্তু হবে। তারপর, 45 ডিগ্রী দ্বারা এটি স্থাপন যাতে এটি একটি হীরা মতো লাগছিল। এর পরে, শিফট-আপ ও একটি বহিস্থিত ইউনিট সম্পত্তি ওভারফ্লো দ্বারা লুকানো হয়: লুকানো। এই সমাধান একটি ক্রস ব্রাউজার নয়, এবং কখনও কখনও ছবি হিসাবে আকাঙ্ক্ষিত প্রদর্শন করা হয় না।

ফলাফল

সুতরাং, সেখানে অনেক পদ্ধতি একটি ত্রিভুজ তৈরি করতে হয়। শুধু এটা এই সব CSS এর বৈশিষ্ট্য মধ্যে হারিয়ে না? এই ক্ষেত্রে রেফারেন্স সবসময় সাহায্য করবে। এটা তোলে ক্যাসকেডিং স্টাইল শীট এর সমস্ত বৈশিষ্ট্য বর্ণনা করা হয়েছে।

যারা প্রোগ্রামিং যান এবং দেখতে সিএসএস-নির্দেশিকা চাই না, সেখানে অনলাইন সম্পাদকদের যে ত্রিভুজ অধিকার মাপ এবং রং উৎপন্ন হয়। ইন চাক্ষুষ এডিটর, ব্যবহারকারী নির্বাচন করে এবং সব সেটিংস চিত্র কনফিগার করে। সিএসএস কোড জেনারেটরের ত্রিভুজ মাছি উপর একটি পৃথক উইন্ডোর মধ্যে স্থাপন করা রূপান্তরিত। তারপর, কোডটি কেবল স্টাইলশীট ঢোকানো হয় এবং পৃষ্ঠার নকশা মাপসই।