I have to create a angle of 45* degree cut at the edge of an text and also 100 pixel distance using the text image component
Please let me know how to achieve it through css or js. Once achieved what tools could be used to measure the accuracy of angle is it exactly 45* degrees or not and is it 100pixel or not??
Below is the text on text image component required.
This forum is aimed at answering AEM-specific questions. This is generic CSS question which would probably be better asked on Stack Overflow.
Here is a thread that answers your question and uses the CSS skew() function to give you the exact 45° corner you're looking for: https://stackoverflow.com/questions/7324722/cut-corners-using-css/33122202#33122202