分割テキストの効果

Question

私はこのテキストの見た目を模倣しようとしていますが、私はcodepen.ioを見つけましたが、SCSSを使用しています。誰かが私がコードを翻訳したり、それをCSSにする手助けをすることができたら、それは素晴らしいことです。事前に助けてくれてありがとう。あなたは2つのdivボックスに充填または固体のテキストやのための1つを作る私が提案する

：私はあなたのためのすべてのコードを書くつもりはありませんものの

Answer 1

は、私はそれを行う方法を提案します1つはアウトラインテキストです。

は、その後、あなたは最初のdivのためにあなたのニーズに合わせて、color、font-family（Google Fontsが良い資源である）、font-size、およびfont-weightを設定します。第二のdivで

再びtransparentに色を設定し、着色border to the textを追加する以外は、同じ値にfont-family、font-size、及びfont-weightを設定します。これは、コードペインにおけるアウトライン効果の一種をシミュレートします。

ああ、2つのdivを同じ行に表示するには、このanswerを見てください。

2つのテキスト間で自動的にテキストが分割されるわけではありませんが、目的と同じ効果を得るための簡単な方法です。