SOURCE

123123123
<div>
	asd

	<p class="text" id="rgba(1,2,3,1)-3">
		<span>123123</span>
    </p>

    <p class="text">صراع ال<br>قلعة</p>
    <p class="text">ศึกชิงป้อม</p>
    <p class="text">បន្ទាយចំ<ំបាំង</p>
    <p class="text overflow">asdasdsadsdf ssdf sdf sdf asdf sadf asdf sad fsdf ds sfd. fdsfsdf</p>
</div>

<svg width="0" height="0">
    <filter id="dilate">
        <feMorphology in="SourceAlpha" result="DILATED" operator="dilate" radius="3 2"></feMorphology>
        <feFlood flood-color="#0a0" flood-opacity="1" result="flood"></feFlood>
        <feComposite in="flood" in2="DILATED" operator="in" result="OUTLINE"></feComposite>
        <feMerge>
            <feMergeNode in="OUTLINE" />
            <feMergeNode in="SourceGraphic" />
        </feMerge>
    </filter>
</svg>

.text {
    font-size: 64px;
    filter: url(#dilate);
}

.text2 {
    font-size: 64px;
    filter: url(#dilate111);
}

.overflow {
    filter: url(#dilate);

    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}