css - tag - কিভাবে html তৈরি করা যায়




আমি সিএসএস দিয়ে একটি এসভিজি পাথের ভরাট রঙ পরিবর্তন করতে পারি? (4)

আপনি svg বৃত্ত জন্য এই CSS রাখুন।

svg:hover circle{
    fill: #F6831D;
    stroke-dashoffset: 0;
    stroke-dasharray: 700;
    stroke-width: 2;
}

আমার নিম্নলিখিত কোড আছে:

  <span>
     <svg height="32" version="1.1" width="32" xmlns="http://www.w3.org/2000/svg" style="overflow: hidden; position: relative; left: -0.0166626px; top: -0.983337px;">
        <desc></desc>
        <defs/>
        <path style="" fill="#333333" stroke="none" d="M15.985,5.972C8.422,5.972,2.289999999999999,10.049,2.289999999999999,15.078C2.289999999999999,17.955,4.302999999999999...............1,27.68,22.274Z"/>
      </svg>&nbsp;
  </span>

সিএসজি বা অন্য কোনো উপায়ে ভিভি ট্যাগের ভিতরে পরিবর্তন না করেই সেভিজি পাথের ভরাট রঙ পরিবর্তন করা সম্ভব?


আপনি যদি কোনও SVG ফাইলের সোর্স কোডে যান তবে ভরাট সম্পত্তি সংশোধন করে আপনি রঙ পূরণ করতে পারেন।

<svg fill="#3F6078" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</svg> 

আপনার পছন্দের টেক্সট এডিটর ব্যবহার করুন, এসভিজি ফাইলটি খুলুন এবং এটির সাথে খেলুন।


যদি আপনি উপাদানটিতে হভারিংয়ের মাধ্যমে রঙ পরিবর্তন করতে চান তবে এটি চেষ্টা করুন:

path:hover{
  fill:red;
}

হ্যাঁ, আপনি এসভিজি-তে সিএসএস প্রয়োগ করতে পারেন, তবে আপনি HTML টি স্টাইলিংয়ের মতো উপাদানটিকে মেলাতে হবে। আপনি যদি এটি সমস্ত SVG পাথগুলিতে প্রয়োগ করতে চান তবে আপনি ব্যবহার করতে পারেন:

path {
    fill: blue;
}​

বহিরাগত সিএসএসটি অন্ততপক্ষে ওয়েবকিট এবং গেকো-ভিত্তিক ব্রাউজারগুলির মধ্যে পরীক্ষা করা পাথের fill বৈশিষ্ট্যকে ওভাররাইড করতে বলে মনে হচ্ছে। অবশ্যই, যদি আপনি লিখেন, বলুন, <path style="fill: green"> তারপরেও এটি বহিরাগত CSS টি ওভাররাইড করবে।







svg