সিএসএস একটি সিডো ঘোরান: পরে বা: সামগ্রীর আগে: ""

Question

যাইহোক ছদ্ম উপর একটি ঘূর্ণন কাজ করতে

content:"\24B6"? 

আমি একটি ইউনিকোড প্রতীকটি ঘোরানোর চেষ্টা করছি।

Comments

আপনি কি সিউডো-এলিমেন্টটি একবারে বন্ধ (30deg) ঘোরানোর চেষ্টা করছেন, বা অসীমভাবে এটিকে ঘোরানোর চেষ্টা করছেন? নির্দিষ্ট করে নি।

— রিয়েলএমজেডিভ

Answer 1

ইনলাইন উপাদানগুলি রূপান্তরিত হতে পারে না এবং সিউডো উপাদানগুলি ডিফল্টরূপে ইনলাইন থাকে, সুতরাং আপনাকে অবশ্যই প্রয়োগ করতে হবে display: blockবা display: inline-blockতাদের রূপান্তর করতে হবে:

#whatever:after {
  content:"\24B6";
  display: inline-block;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  -o-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

<div id="whatever">Some text </div>

Answer 2

.process-list:after{
    content: "\2191";
    position: absolute;
    top:50%;
    right:-8px;
    background-color: #ea1f41;
    width:35px;
    height: 35px;
    border:2px solid #ffffff;
    border-radius: 5px;
    color: #ffffff;
    z-index: 10000;
    -webkit-transform: rotate(50deg) translateY(-50%);
    -moz-transform: rotate(50deg) translateY(-50%);
    -ms-transform: rotate(50deg) translateY(-50%);
    -o-transform: rotate(50deg) translateY(-50%);
    transform: rotate(50deg) translateY(-50%);
}

আপনি এই কোড চেক করতে পারেন। আমি আশা করি আপনি সহজেই বুঝতে পারবেন।

Comments

আসলে আমি সহজে বুঝতে পারি না :) একটি দরকারী উত্তর কোডটি কী করবে এবং কীভাবে এটি গৃহীত উত্তরের চেয়ে আলাদা তা ব্যাখ্যা করবে। এটি গ্রহণযোগ্য উত্তরের মতো একটি চলমান স্নিপেটও হবে।

— ড্যান ড্যাসকলেসকু