[janekhe]

czy taki efekt jest mozliwy do zrobienia w #css ? jesli tak to jak?
#frontend #webdev

[uszanowanko]

@janekhe: tak

[Rst00]

@janekhe: możliwy

- robisz jeden zbiorczy kontener
- w nim dajesz 3 elementy 1x span z tym tekstem i jakiegoś diva i w środku tego diva znowu span z tekstem
- divowi dajesz bg black, wymiary + z-index 2, overflow hidden
- 1 span czarny + z-index 1
- 2 span (w divie) kolor bialy

[Rst00]

@janekhe: no i wiadomo musisz jakoś spozycjonować te elementy - albo flexem albo position abs

[janekhe]

@Rst00: dzieki bardzo!

[brzdekajacy-taboret]

@janekhe
https://css-tricks.com/reverse-text-color-mix-blend-mode/

[uszanowanko]

@brzdekajacy-taboret: mix-blend-mode nie jest za dobrze wspierany przez przeglądarki https://caniuse.com/#feat=css-mixblendmode

[GodlessMike]

@janekhe:

Łap na szybko:

WYPOK
=====

//////////////////////////////////////////////////////

.container {
background: linear-gradient(to bottom, #fff 0%, #fff 50%, #000 50%, #000 100%);
width: 950px;
text-align: center;
margin: 0 auto;

}
.text {
background: linear-gradient(to bottom, #000 0%, #000 50%, #fff 50%, #fff 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: Verdana;
font-weight: bold;
font-size: 150pt;


}

Dostosuj pod się ( ͡° ͜ʖ ͡°)

[janekhe]

@GodlessMike: O GURWA DZIĘKUJĘ