-3
텍스트 분할의 모양을 모방하려고합니다. codepen.io가 발견되었지만 SCSS를 사용하고 가능한 경우 CSS로만 찾으려고합니다. 누군가가 코드를 번역하거나 CSS로 만들 수 있다면 큰 도움이 될 것입니다. 사전에 도움을 주셔서 감사합니다. 두 DIV 상자의 기입 또는 고체 텍스트와 하나을 내가 제안텍스트 분할 효과
: 내가 당신을 위해 모든 코드를 작성하지 않을거야 동안 
A
답변
0
나는 그 일을하는 방법을 제안합니다 윤곽선이있는 텍스트의 경우 하나.
그런 다음 당신은color이
font-family 최초의 사업부에 대한 사용자의 요구에 맞게,
font-size 및
font-weight (
Google Fonts 좋은 자원)을 설정합니다. 제 DIV에서
다시
transparent하는 색을 설정하고 컬러
border to the text 추가를 제외하고, 동일한 값으로
font-family,
font-size 및
font-weight 세트. 이렇게하면 codepen에서 윤곽선 효과의 종류를 시뮬레이션합니다.
아, 두 줄을 같은 줄에 표시하려면이 answer을보세요.
두 텍스트 사이에서 텍스트가 자동으로 분할되지는 않지만 원하는 효과를 얻는 간단한 방법입니다.
+0
그가 코드를 제공하지 않으면 질문이 주제와 관련이 없으므로 전혀 대답하지 않아야합니다. [모든 질문에 답변 할 수 없거나 답변을 드리지는 못함] – Rob
+0
@Rob Oo ... 고맙습니다. –
코드 페이지 : https://codepen.io/alexfislegend/pen/NGaaWY?q=split+text&limit=all&type=type-pens – johnstont05
CodePen에서 "CSS"오른쪽에있는 화살표를 클릭하고 "컴파일 된보기"를 클릭하십시오. CSS ". – LMulvey
[Codepen에서 컴파일 된 CSS보기] (https://blog.codepen.io/documentation/editor/using-css-preprocessors/#viewing-the-compiled-output-2) –