Vivaldi Browser 6.7.3329.17 + Portable

Если есть стрелка, значит, не все так просто. 

Это край виждета который с новой версией автора имеет внешние стили , и подлежит стилизации. На стрелке просто его край без стилей. Если есть край, значит  ему можно сделать  border-...: , можно применить animation: ,  transition:  и все что помните из CSS . 

Это опять виджет, опять он работает на Экспресс-Панели  в  твоем Vivaldi , а не на чужом сайте .   

Да, здесь это просто картинка -- Одмин из вредности не позволяет легкие .GIF    .mp4(music) на 60 МБ  . Детский размер.

Смотрите на форуме программы

недавно произошло ярчачайшее событие в мире брауХеростроения, прямо как вспышка сверхновой. И сделано это не разрабами, а одним мелким  юзером  - возможность создать свой виджет части любого сайта и подключить его в свой Vivaldi

По принципу действия схоже с простым  старым древним тегом <iframe> , который придуман 100 лет назад и постепенно забывался, исключался из ранжирования поисковиками. 

И тут прямо гром среди ясного неба  -- возвращение  <iframe> !!! 

Шучу, возврат не <iframe> , появился widget.js работающий по тому же принципу.

GIF

Смотрите на форуме программы

на офф. форуме есть чудо-код. Чуть сложнее: ссылка.

Я уже не помню ,  к какому варианту относится чудо-код, вот разберитесь,  объясните мне проблему  с transform-origin:  , заодно CSS  подучите.

2. Здесь видна еще одна проблема стандартного CSS -- плитки вверх ногами, не потому что такой я дизайнер.

Если вы напишете  transform: rotate(360deg); -- этот CSS повернет квадрат на сколько градусов ? Правильно, на 0.

Если вы напишете  transform: rotate(350deg) -- он сделает почти полный оборот ? Правильно, он повернет назад на минус 10deg. Экономит топливо в электростанциях. Половина интернета завалена этими вопросами "как повернуть на полный оборот ?"

Стандартный какой-то обрезанный CSS поворачивает максимально на 180deg .

В это Rotate даже есть специальные единицы turn -- полный оборот . Прекрасно подходят цифры  10turn , но результата вы не дождетесь . Только его дробные единицы, кратные нечетным 0.5turn

Почему так тупо, я не знаю.

Готов поучаствовать здесь в научной дискуссии.

вот мои тренировки  в CSS: ссылка.

Было простое желание -- добавить простое вращение плиткам Express-Panel. Эта чертовая Express-Panel написан на FLEX , можно было еще  GRID , но это еще большая экзотика. 

Я не знаю, почему так странно работает это {transform: rotate() } , но оно плохо переваривает этот FLEX

Rotate  работает, но его центр смещается куда хочет. И назад никак. 

Но смотрите, какая красота ! У меня так и стоит. Вполне юзабельный вариант..

Никакой другой браузер,  без серьезного вмешательства, это не сможет повторить.

ну как я могу не отметиться теме в Vivaldi , где меня блокировали на 2 форумах, и , замечу, только за ПРАВДУ !

1. Правда в том, что разрабы создали свой форум и его НЕ ЧИТАЮТ. Мгновенно читаются баг-репорты только ради одного -- закрыть как дубли (еще бы не быть дублям, если проблемы не  решаются  годами) либо положить в долгий ящик. Только эти 2 варианта. Ну иногда там что-то срочное доходит. Я лично показал проблемы с боковой панелью, меня заблокировали , но проблему срочно решили. Все как всегда. 

Но есть проблемы , когда опция сделана на 99% , но 1% все и портит, как ложка дегтя. Эта ложка и будет плавать в браузере годами. 

2. Долгий ящик начинается от 3 лет и дольше. Есть нерешенные предложения на форуме и 5 лет,  и 8 лет.  Представитель постоянно тусуется на разных форумах с вопросом "Какие у вас вопросы ?". Долго обсуждаем, днями и неделями, получаем заверения в профессиональном быстром решении проблемы, и все обсуждающие получают закономерный срок от 3 лет и дольше. Все как и вне интернет-зоны  :)

3. Так как  VIVALDI является оболочкой на кодом Chromium , то надо обсуждать его код оболочки. И не предъявлять серьезных претензий именно к внутреннему коду , только к внешнему.

Но все-таки я признаю, что VIVALDI имеет ВЫСШУЮ степень настройки интерфейса из известных мне  браузеров. Скорее всего, он в этом недостижим любыми другими браузерами, т.к. мне не известны браузеры с интерфейсом на HTML , CSS, JS . Кто знает еще примеры -- расскажите.

Если есть опыт в обращения с этими языками, можете поковыряться к коде VIVALDI, и что-то настроить для себя.