کد css چرخش یک آیکون

[soshiant 8]

سلام

با چه دستوری در css میشه یه المان رو 15 درجه به سمت راست چرخوند؟

میخوام همونطور که تو پیوست شات فرستادم، آیکون هشتگ چند درجه به سمت راست بچرخه و صاف وایسه

ممنون میشم راهنمایی کنید

[فرشاد گوهری 1,681]

در 4 ساعت قبل، soshiant گفته است :

سلام

با چه دستوری در css میشه یه المان رو 15 درجه به سمت راست چرخوند؟

میخوام همونطور که تو پیوست شات فرستادم، آیکون هشتگ چند درجه به سمت راست بچرخه و صاف وایسه

ممنون میشم راهنمایی کنید

سلام، داخل گوگل سرچ کنید css rotate (توی سایت w3-school یا stackoverflow هست احتمالا)

متاسفانه الان به اینترنت دسترسی ندارم که کد دقیقش رو براتون بفرستم، اما یه خط کده، داخلش میتونید زاویه‌ی دلخواهتون رو بزنید و اون المان براتون میچرخه (عدد مثبت به سمت راست و عدد منفی به سمت چپ میچرخونتش اگه اشتباه نکنم)

[soshiant 8]

در 9 ساعت قبل، فرشاد گوهری گفته است :

سلام، داخل گوگل سرچ کنید css rotate (توی سایت w3-school یا stackoverflow هست احتمالا)

متاسفانه الان به اینترنت دسترسی ندارم که کد دقیقش رو براتون بفرستم، اما یه خط کده، داخلش میتونید زاویه‌ی دلخواهتون رو بزنید و اون المان براتون میچرخه (عدد مثبت به سمت راست و عدد منفی به سمت چپ میچرخونتش اگه اشتباه نکنم)

سلام ممنون که برام وقت میذارید

تو هر دو سایت سرچ کردم و کد رو پیدا کردم ولی چیزی ک هست دستور rotate اینطور عمل میکنه که آیکون سرجاش هست و فقط وقتی موس میره روش یهو میچرخه به اون درجه دلخواه. من میخوام آیکونم ثابت روی درجه تنظیم شده بدون دخالت موس وایسه

 

 

[فرشاد گوهری 1,681]

در 1 ساعت قبل، soshiant گفته است :

سلام ممنون که برام وقت میذارید

تو هر دو سایت سرچ کردم و کد رو پیدا کردم ولی چیزی ک هست دستور rotate اینطور عمل میکنه که آیکون سرجاش هست و فقط وقتی موس میره روش یهو میچرخه به اون درجه دلخواه. من میخوام آیکونم ثابت روی درجه تنظیم شده بدون دخالت موس وایسه

سلام مجدد

اون حالت که با رفتن موس میچرخه رو می‌تونید با :hover کنترلش کنید.

یعنی اینجوری تعریف شده که در حالت hover مثلا 15 درجه بچرخه، شما باید اون کد رو پیدا کنید و تبدیلش کنید به 0 که دیگه نچرخه، اون کد اولی رو هم روی خود کلاس اون آیکون بگذارید.

اگر آدرس سایت بود بهتر می‌تونستم کمکتون کنم، متاسفانه اینترنتم قطعه، اگر عجله ندارید صبر کنید وصل که شد لینک سایتتون رو بفرستید تا براتون بسازمش.

[soshiant 8]

در 11 دقیقه قبل، فرشاد گوهری گفته است :

سلام مجدد

اون حالت که با رفتن موس میچرخه رو می‌تونید با :hover کنترلش کنید.

یعنی اینجوری تعریف شده که در حالت hover مثلا 15 درجه بچرخه، شما باید اون کد رو پیدا کنید و تبدیلش کنید به 0 که دیگه نچرخه، اون کد اولی رو هم روی خود کلاس اون آیکون بگذارید.

اگر آدرس سایت بود بهتر می‌تونستم کمکتون کنم، متاسفانه اینترنتم قطعه، اگر عجله ندارید صبر کنید وصل که شد لینک سایتتون رو بفرستید تا براتون بسازمش.

مچکرم نه عجله نیست امیدوارم اینترنتتون زودتر وصل بشه. منتظر میمونم 3>

[فرشاد گوهری 1,681]

در در 11/24/2019 at 20:37، soshiant گفته است :

مچکرم نه عجله نیست امیدوارم اینترنتتون زودتر وصل بشه. منتظر میمونم 3>

سلام مجدد

این کدشه:

.class {
  transform: rotate(20deg);
}

به جای class اسم کلاس المانی که می‌خواین بچرخه رو بگذارید، به‌جای عدد 20 هم میزان درجه رو بذارید باید.

[soshiant 8]

در در 11/27/2019 at 18:28، فرشاد گوهری گفته است :

سلام مجدد

این کدشه:

.class {
  transform: rotate(20deg);
}

به جای class اسم کلاس المانی که می‌خواین بچرخه رو بگذارید، به‌جای عدد 20 هم میزان درجه رو بذارید باید.

سلام تشکر که یادتون موند 

 

من این کد رو گذاشتم تو css :

.hashtag {
  transform: rotate(20deg);
}

و کد php که آیکون مورد نظر توشه اینه:

<div class="box"><i class="icon-slack-hash"></i><?php the_tags( 'هشتگ‌ها: ', ', ', '<br />' ); ?></div> 

کلاس مورد نظر رو به این شکل بهش اضافه کردم:

<div class="hashtag">
<div class="box"><i class="icon-slack-hash"></i><?php the_tags( 'هشتگ‌ها: ', ', ', '<br />' ); ?></div>
</div>

اما کل باکسی که داخلش آیکون مورد نظر بود، چرخید! فکر میکنم کلاس hashtag رو جای درستی بکار نبردم. چون فقط میخوام آیکون icon-slack-hash بچرخه. میتونید ویرایشش کنید برام؟ تشکر

[فرشاد گوهری 1,681]

در 5 ساعت قبل، soshiant گفته است :

سلام تشکر که یادتون موند 

 

من این کد رو گذاشتم تو css :

.hashtag {
  transform: rotate(20deg);
}

و کد php که آیکون مورد نظر توشه اینه:

<div class="box"><i class="icon-slack-hash"></i><?php the_tags( 'هشتگ‌ها: ', ', ', '<br />' ); ?></div> 

کلاس مورد نظر رو به این شکل بهش اضافه کردم:

<div class="hashtag">
<div class="box"><i class="icon-slack-hash"></i><?php the_tags( 'هشتگ‌ها: ', ', ', '<br />' ); ?></div>
</div>

اما کل باکسی که داخلش آیکون مورد نظر بود، چرخید! فکر میکنم کلاس hashtag رو جای درستی بکار نبردم. چون فقط میخوام آیکون icon-slack-hash بچرخه. میتونید ویرایشش کنید برام؟ تشکر

سلام، بله خب چون کلاس رو به کل این بخش اضافه کردید اینجوری شده، می‌تونید کلاستون رو اینجوری بنویسید، احتمالا درست بشه:

.hashtag i {
  transform: rotate(20deg);
}

اگر نشد، لطفا لینک بدید که براتون بسازمش.

[soshiant 8]

تشکر دوست من

هنوز موفق نشدم. چیزی که فهمیدم اینه که css اوکیه. مشکل اصلی تو قرار دادن کلاس تو جای درسته. دارم با کده بازی میکنم ببینم جای درستشو پیدا میکنم

ویرایش شده آذر 98 توسط soshiant