কম্পিউটার টিউটোরিয়াল

CSS দিয়ে এলিমেন্ট স্ক্রিনের মুখ নাও ফেরালেও দৃশ্যমান থাকবে কিনা নির্ধারণ

এলিমেন্ট স্ক্রিনের মুখ নাও ফেরালেও দৃশ্যমান থাকবে কিনা তা নির্ধারণ করতে backface-visibility প্রোপার্টি ব্যবহার করুন:

উদাহরণ

<!DOCTYPE html> <html> <head>    <style>       .demo1 {          position: relative;          width: 150px;          height: 150px;          background-color: yellow;          perspective: 80px;          margin: 50px;          perspective-origin: left;          transform: rotateY(180deg);       }       .demo2 {          position: absolute;          padding: 20px;          background-color: orange;          transform-style: preserve-3d;          transform: rotateX(45deg);          backface-visibility: visible;       }       </style>    </head>    <body>       <h1>Rotation</h1>       <div class = "demo1">Demo          <div class = "demo2">Demo</div>       </div>    </body> </html>

  1. CSS-এ একাধিক ভাষা সাপোর্টের জন্য টেক্সট ওভাররাইড নিয়ন্ত্রণ

  2. CSS-এ এলিমেন্টের টেক্সট নির্বাচন যোগ্য কিনা সেট করুন

  3. CSS দিয়ে এলিমেন্টের আস্পেক্ট রেশিও (Aspect Ratio) বজায় রাখা

  4. CSS দিয়ে কন্টেন্টএডিটেবল (Contenteditable) এলিমেন্টের বর্ডার সরানো