Инь Ян ☯︎ символика

Коллекции
Apc
Apc
18 / 18✓✕15540


Белое и Чёрное, День и Ночь, Свет и Тьма, Солнце и Луна, Мужское и Женское... Равновесие, Гармония, Баланс... Бла-бла-бла... Клёвый символ кароч :cool:
Нет, и навряд ли когда-то появятся в базе shikimori


Тайцзи Панда:
852x480
и
852x480852x480

Ещё одна Панда
Создательница ☯︎-сфер —
1920x18181920x10801920x1080
( англ. Tamatsukuri Misumaru, яп. 玉造 魅須丸 )
Юань Лун:
1920x10801920x1080 (правда использовал шкатулку один из его телохранителей)
и
1920x10801920x1080


Бессмертие: Величественные горы и реки:
693x10781920x10801920x1080


Wuthering Waves:
225x350
youtube
( w i k i )


My Disciples Are All Big Villains:
1300x1762 ( w i k i )
и его ученики

Его Преподобие ( англ. Metropolitan Reverence, кит. 都市至尊 ):
400x533


Honkai: Star Rail | Myriad Celestia Trailers:
1536x864

Honkai: Star Rail | «Ichor of Two Dragons»:
1195x1500
( s h i k i )

Yao Shen Ji:
1920x1080
( w i k i )

Новая легенда о Момотаро:
640x480



Возможно, кого-то смутит, что в названии чёрная женская пассивная Инь впереди белого мужского активного Ян. Полагаю, тут дело может быть в том, что у нас читается слева направо, а в китайском — наоборот, справа налево. И видимо из-за того, что мужской Ян встал в конце, весь "инь-ян" стал мужского рода. Однако само написание "инь-ян" не совсем верное. Мы ведь пишем "добро и зло", а не "добро-зло". Так что Инь и Ян — это не оно, она или он, а они. Вместе у них вообще рода нет, только множественное число.
⠀
Любопытный момент — раньше уже была такая коллекция, но бесследно исчезла. Ни в клубе, ни в машине времени Я её не отыскал. По сути, моё свидетельство — единственное доказательство, что она вообще когда-то существовала. Интересно, что будут делать модераторы, если вдруг кто-то решит достать ту коллекцию из "приватных"...

Кроме этой, памагити заполнить другие мои коллекции / "Закусив удела" / Умерли от "кхе-кхе" спойлеры / ККК /, которым пока недостаёт персонажей для публикации. Могу сделать соавтором или даже отдать одну из них, если кто-то пожелает. Но ☯︎-коллекцию не отдам — она ценная (тега на аniDB нет).
⠀
[ИНТЕРАКТИВ]
Испытаем фэншуй на Шикимори. Ваша задача — удерживать равновесие между Добром и Злом. Если, на рубеже весны и лета, лайки👍 и дизлайки👎🏽 у этой коллекции окажутся в идеальном балансе, то в награду Я выложу здесь украшение для профиля — ☯︎-анимацию из чистейшего CSS, без bb-примесей!
РЕЗУЛЬТАТЫ ИНТЕРАКТИВА
⠀
Попытка №1: с результатом 16+ / 16- испытание пройдено! 1898x924 Надеюсь, никто не перенервничал из-за приза, на создание которого у меня ушёл +/- час)

Ровнял на глаз, качества в других браузерах/разрешениях не гарантирую. У меня нормуль смотрится [ firefox / 1920 x 1080 ]
Инь Ян ☯︎ анимация
/* Инь Ян ☯︎ анимация */
#profiles_show .l-page { margin-top: 100px; }
#profiles_show .profile-head:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9998;
  left: 1173px;/* shiki-theme 1149px */
  top: -28px;/* shiki-theme -44px */
  width: 48px;
  height: 24.5px;
  background: white;
  border-color: black;
  border-style: solid;
  border-width: 3px 3px 26px 3px;
  border-radius: 50%;
  animation: 3s Yin_Yang linear infinite;
}
#profiles_show .l-page:after {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1187.5px;
  top: -13.5px;
  width: 6px;
  height: 6px;
  background: white;
  border: 9px solid black;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yin linear infinite;
}
#profiles_show .l-page:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1187.5px;
  top: -13.5px;
  width: 6px;
  height: 6px;
  background: black;
  border: 9px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yang linear infinite;
}
@keyframes Yin_Yang {
  to { transform: rotate(360deg); }
}
@keyframes Yin {
from { transform: rotate(0deg)
       translate(-12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(-12px)
       rotate(-360deg);
     }
}
@keyframes Yang {
from { transform: rotate(0deg)
       translate(12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(12px)
       rotate(-360deg);
     }
}
Инь Ян ☯︎ анимация (рамка)
/* Инь Ян ☯︎ анимация */
#profiles_show .l-page {
  margin-top: 100px;
  border: 3px solid black;
}
#profiles_show .profile-head:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9998;
  left: 1170px;/* shiki-theme 1146px */
  top: -25px;/* shiki-theme -42px */
  width: 48px;
  height: 24.5px;
  background: white;
  border-color: black;
  border-style: solid;
  border-width: 3px 3px 26px 3px;
  border-radius: 50%;
  animation: 3s Yin_Yang linear infinite;
}
#profiles_show .l-page:after {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: white;
  border: 9px solid black;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yin linear infinite;
}
#profiles_show .l-page:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: black;
  border: 9px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yang linear infinite;
}
@keyframes Yin_Yang {
  to { transform: rotate(360deg); }
}
@keyframes Yin {
from { transform: rotate(0deg)
       translate(-12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(-12px)
       rotate(-360deg);
     }
}
@keyframes Yang {
from { transform: rotate(0deg)
       translate(12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(12px)
       rotate(-360deg);
     }
}


Пока ждал результатов, совместил ☯︎-анимацию со своими прошлогодними недоделками.
Инь Ян ☯︎ анимация + Волна Ян
/* Волна Ян */
body {
  background: black;
  color: white;
}
.l-page {
  background: transparent;
  mix-blend-mode: difference;
  box-shadow: 0px 0px 0px 5000px white;
}
.smiley {
  background: white;
  height: 40px;
}
/*img.smiley[title=':roll:'] {
  height: 40px;
  content: url('//fl.litclub.net/u/l/lurical/a/65/predstv.gor9.gif');
  padding: 0 2px 0 2px;
}*/
body:before {
  content: ''; pointer-events: none;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 0;
  background: white;
  animation: Wave_Yang 30s linear infinite;
}
@keyframes Wave_Yang {
from { right: 100vw; }
  to { right: -100vw; }
}
/* Инь Ян ☯︎ анимация */
#profiles_show .l-page { margin-top: 100px; }
#profiles_show .profile-head:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9998;
  left: 1173px;/* shiki-theme 1149px */
  top: -28px;/* shiki-theme -44px */
  width: 48px;
  height: 24.5px;
  background: white;
  border-color: black;
  border-style: solid;
  border-width: 3px 3px 26px 3px;
  border-radius: 50%;
  animation: 3s Yin_Yang linear infinite;
}
#profiles_show .l-page:after {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1187.5px;
  top: -13.5px;
  width: 6px;
  height: 6px;
  background: white;
  border: 9px solid black;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yin linear infinite;
}
#profiles_show .l-page:before {
  content: '';
  position: absolute; z-index: 9999;
  left: 1187.5px;
  top: -13.5px;
  width: 6px;
  height: 6px;
  background: black;
  border: 9px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yang linear infinite;
}
@keyframes Yin_Yang {
  to { transform: rotate(360deg); }
}
@keyframes Yin {
from { transform: rotate(0deg)
       translate(-12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(-12px)
       rotate(-360deg);
     }
}
@keyframes Yang {
from { transform: rotate(0deg)
       translate(12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(12px)
       rotate(-360deg);
     }
}
Инь Ян ☯︎ анимация (рамка) + Волна Ян
/* Волна Ян */
body {
  background: black;
  color: white;
}
.l-page {
  background: transparent;
  mix-blend-mode: difference;
  box-shadow: 0px 0px 0px 5000px black;
}
.smiley {
  background: white;
  height: 40px;
}
/*img.smiley[title=':roll:'] {
  height: 40px;
  content: url('//fl.litclub.net/u/l/lurical/a/65/predstv.gor9.gif');
  padding: 0 2px 0 2px;
}*/
body:before {
  content: ''; pointer-events: none;
  height: 100vh;
  width: 100vw;
  position: fixed;
  z-index: 0;
  background: white;
  animation: Wave_Yang 30s linear infinite;
}
@keyframes Wave_Yang {
from { right: 100vw; }
  to { right: -100vw; }
}
/* Инь Ян ☯︎ анимация */
.l-page { border: 3px solid white; }
#profiles_show .l-page { margin-top: 100px; }
#profiles_show .profile-head:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9998;
  left: 1170px;/* shiki-theme 1146px */
  top: -25px;/* shiki-theme -42px */
  width: 48px;
  height: 24.5px;
  background: black;
  border-color: white;
  border-style: solid;
  border-width: 3px 3px 26px 3px;
  border-radius: 50%;
  animation: 3s Yin_Yang linear infinite;
}
#profiles_show .l-page:after {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: black;
  border: 9px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yin linear infinite;
}
#profiles_show .l-page:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: white;
  border: 9px solid black;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yang linear infinite;
}
@keyframes Yin_Yang {
  to { transform: rotate(360deg); }
}
@keyframes Yin {
from { transform: rotate(0deg)
       translate(-12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(-12px)
       rotate(-360deg);
     }
}
@keyframes Yang {
from { transform: rotate(0deg)
       translate(12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(12px)
       rotate(-360deg);
     }
}
Инь Ян ☯︎ анимация (рамка) + Волна Инь
/* Волна Инь */
body { background: white; }
body:before {
content: ''; pointer-events: none;
position: fixed; z-index: 9999;
height: 100vh;
background: white; mix-blend-mode: difference;
animation: Wave_Yin 15s ease-in infinite;
}
@keyframes Wave_Yin {
0% { width: 0%; }
80% { width: 100%; filter: opacity(100%); }
100% { width: 100%; filter: opacity(0%); }
}
/* Инь Ян ☯︎ анимация */
#profiles_show .l-page {
  margin-top: 100px;
  border: 3px solid black;
}
#profiles_show .profile-head:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9998;
  left: 1170px;/* shiki-theme 1146px */
  top: -25px;/* shiki-theme -42px */
  width: 48px;
  height: 24.5px;
  background: white;
  border-color: black;
  border-style: solid;
  border-width: 3px 3px 26px 3px;
  border-radius: 50%;
  animation: 3s Yin_Yang linear infinite;
}
#profiles_show .l-page:after {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: white;
  border: 9px solid black;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yin linear infinite;
}
#profiles_show .l-page:before {
  content: ''; pointer-events: none;
  position: absolute; z-index: 9999;
  left: 1184.5px;
  top: -11px;
  width: 6px;
  height: 6px;
  background: black;
  border: 9px solid white;
  box-sizing: content-box;
  border-radius: 50%;
  animation: 3s Yang linear infinite;
}
@keyframes Yin_Yang {
  to { transform: rotate(360deg); }
}
@keyframes Yin {
from { transform: rotate(0deg)
       translate(-12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(-12px)
       rotate(-360deg);
     }
}
@keyframes Yang {
from { transform: rotate(0deg)
       translate(12px)
       rotate(0deg);
     }
  to { transform: rotate(360deg)
       translate(12px)
       rotate(-360deg);
     }
}


Кто не в курсе, как всё это устанавливается — вот инструкция.

⠀⠀⠀Совместимость со стилями «E-design» и «shiki-theme» (в том виде, как приведено в примере):
На «E-design» легло, как по дефолту; Я аж удивился. А вот пользователям «shiki-theme» придётся поменять пару координат — Я отставил в коде пометки, где и на какие именно.
Тем же из вас, у кого стоят свои собственные примочки, должно быть не хуже меня известно о конфликте повторяющихся свойств у одинаковых селекторов.

⠀⠀⠀
Эта коллекция полезна или интересна?
Да
Нет
Комментарии
Скрыть 20 комментариев
Показать 20 комментариев
Загрузить ещё 20 комментариев
KEPLOP
KEPLOP#
@Apc, вот это инь ян, оценки 17 и -17!
@Apc
Apc
Apc#
@KEPLOP, Это Я такой челендж на тему коллекции придумал. Глянь шапку, предыдущие комменты...
Apc
Apc#
I will find you and I will kill you :bdl: /achievements/franchise/yao_shen_ji/level/1/users

Apc
Apc#
@Эйлеонери Лирейн, М-м, спасибо.

Можешь ещё по этому @комментарию предложить пару(а может и тройку) персонажей; а то у меня уже подгарает, что даже с моей подсказкой никто не может догадаться:evil3:
Apc
Apc#
🤬🤬🤬 как же меня 🤬🤬🤬🤬🤬🤬🤬, что из всех персонажей аниме, в базе какого-то 🤬🤬🤬 всегда не хватает именно того одного, который мне нужен!
1439x10791304x1080
@Clear Foe
Apc
Apc#
Ладно, упростим задачу...

Что есть общего на этих двух постерах, и какие три персонажа это "общее" держат? :-P
Судьба/Ночь схватки: Бесконечный мир клинков 2Fate Stay Night Unlimited Blade Works 2nd Season
Судьба/Девочка-волшебница Иллия 2Fate/kaleid liner Prisma☆Illya 2wei!
@Amulvaro, @Clear Foe
Memoka
Memoka#
@Apc, я хочу писечку илии.
@Apc
Apc
Apc#
:scream:
Clear Foe
Clear Foe#
ApcApc
именно того одного, который мне нужен
Я смирилась с этим, и просто добавляю в шапку под спойлер. Иногда бывает, что у манги вообще нет персонажей на сайте, так что даже гг нет.

@Apc, мечи? У гг?
@Apc, @Apc
Apc
Apc#
Clear FoeClear Foe
мечи? У гг?
А-а-а, и как это Я сам не догадался :shock2: Всё ж прям на постерах видно было)
Спасибо за наводку
@Clear Foe
Apc
Apc#
Clear FoeClear Foe
Я смирилась с этим, и просто добавляю в шапку под спойлер
Я сюда некоторых закидываю...
@Clear Foe
Clear Foe
Clear Foe#
ApcApc
видно было)
Так я думала, что это просто загадка от автора, на которую можно ответить. :hot:
Но мне, честно говоря, никогда не приходило в голову, что это инь ян, не задумывалась, хотя и постер видела неоднократно.

ApcApc
сюда некоторых закидываю...
Я закидывала через коллекцию немного, но не персонажей, а мангу / ранобэ. А так, там автор и без меня завален, пока потерплю. Его даже "банили" на мал за чрезмерную активность, правда, к счастью, не из-за персонажей.
@Apc
Apc
Apc#
Clear FoeClear Foe
Но мне, честно говоря, никогда не приходило в голову, что это инь ян

Флаг Южной Кореи 🇰🇷 Я тоже считаю за Инь Ян. Надеюсь мне не придётся добавлять сюда слишком много персонажей из-за этого.

@Clear Foe
Clear Foe
Clear Foe#
@Apc, :lol:
Apc
Apc#
vis2211vis2211
Не хватает Нагиса Мисуми и Хонока Юкисиро у них сила Инь Ян
В общем, посмотрел на w i k i, там говорится, что в 1-ом сезоне был какой-то "Ин-Ян мотив". Проверил опенинги, трансформации, атаки, ну и в целом по картинкам полазил — ☯︎ так и не заметил. Сердечки, звёздочки, скрипичные ключи и т.п. были, а ин-ян не было. Самым близким к инь-ян была совместная чёрно-белая "камехамеха" Нагисы и Хоноки, но это не подойдёт.
Apc
Apc#
Возможно тут отсылка на какого-то персонажа с Инь Ян, кто знает — откликнитесь
youtube
1536x864
Или может это просто какая-то расистская шутка...
kkkkleo
kkkkleo#
@Apc, не знаю, сказал ли вам кто-нибудь, но знак тайцзи совсем не о добре и зле, мужском и женском (хотя тут название этих двух (спойлер) энергий соответствует), кто там на каком месте и уж точно не о борьбе, а о космогенетическом слиянии двух энергий, рожденных из пустоты уцзи, которое порождает третье явление/сущность/процесс/энергию/поток, что в итоге являет собой суть матери всего сущего. Имея не поверхностные знания о космогенезе из даосских трактатов а также википедии китайского происхождения, я прочитала ваши хождения вокруг забора и смутилась. Уж не подумайте, что хочу вас задеть, но вы прилично далеки от истины. Может, переосмыслите текст с учетом новых знаний?
спойлер
Поправляю на носу свои задротские очки.
@Apc, @Apc
Apc
Apc#
@kkkkleo, Так Я нигде и не писал, что Инь-Ян это Зло-Добро :lol: Я только провёл параллель в написании Инь Ян на русском со Злом и Добром, но это не было сопоставлением. В интерактиве же речь шла о лайках и дизлайках (а не об Инь и Ян), как о Добре и Зле. Хотя Я не отрицаю, что могло сложиться такое впечатление.
Я специально тут не вникал в то, что люди и без меня могут в интернете изучить про тайцзи, дао и прочее. Не думаю, что хоть кто-то из представленых тут персонажей исповедует то, о чём вы написали. А раз тут коллекция Инь Ян позёров, то и углубляться в суть самой философии нет необходимости. Вот Я и сэкономил на этом силы.
kkkkleokkkkleo
Поправляю на носу свои задротские очки.
:8): Словом, тут всё поверхностно, потому что так и было задумано, а не потому что так вышло.
Apc
Apc#
@kkkkleo, Кстати, мне в руки как-то попалась брошюра, где говорилось что в Китае последователей тайцзи стало больше, чем членов коммунистической партии. И поэтому правительство стало похищать тех, кто практикует тайцзи и пускать на органы :shocked2: Слышала про такое?
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть
примеры BBCode