Skip to content

Instantly share code, notes, and snippets.

@pepelsbey

pepelsbey/htmlcss-1__section-8.md

Created September 13, 2019 15:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pepelsbey/642a8c6c4102fbe7eeb4a61104633d83 to your computer and use it in GitHub Desktop.
Save pepelsbey/642a8c6c4102fbe7eeb4a61104633d83 to your computer and use it in GitHub Desktop.
Download ZIP
Вопросы к разделу «Оформление контента»
Raw
htmlcss-1__section-8.md

Вопросы к разделу «Оформление контента»

@lazyrider
Copy link

@pepelsbey, Спасибо большое!

@lazyrider
Copy link

lazyrider commented Oct 27, 2019 •
edited

@pepelsbey, Вадим, здравствуйте!
Может знаете в чем дело и подскажете в двух словах, в чем причина:

Сделал иконки для чекбоксов на CSS.
У одного из элементов для галочки - есть белая рамка вокруг.
После того как я его повернул с помощью rotate, вокруг белой рамки появляется супер-тонкая серая рамочка. Не получается пока разобраться из за чего так и как от нее избавиться.
photo_2019-10-27_14-41-10
photo_2019-10-27_14-41-19

photo_2019-10-27_14-56-11

Update:
Аутлайн решил проблему! У него нет такого эффекта. Но все равно интересно откуда это берется.....

@pepelsbey
Copy link
Author

Особенности рендеринга CSS в браузерах и одна из многих причин не пытаться сделать графику на CSS, а делать такое с помощью SVG.

@lazyrider
Copy link

@pepelsbey, Понял, спс за ответ! Решил для тренировки сделать.
В результате идеально получилось (через outline), но больше не буду так усложнять жизнь).

Просто из какой-то лекции запомнилось, что если можно что-то сделать на CSS, и графика не сложная, то это всегда лучше.
А может, я не совсем правильно понял.

@pepelsbey
Copy link
Author

Квадраты и круги — это несложная графика, но если нужно что-то поворачивать и пытаться попасть в макет, то лучше просто взять иконку.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment