Share Posted February 28, 2019 Hello, I would like to know if it is possible to create my own HTML structure with SplitText. That is to say, instead of having a single div around each line, I would like to create 2 divs around each line. Thanks. Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 Hi @MathieuDaix, A quick solution would be to assign a `linesClass` in the splitText() vars, then use that class as a hook for jQuery to wrap() those lines with another div. Here is a CodePen showing that. There is also a non-jQuery option at the bottom of the script. See the Pen jJbZYo?editors=0010 by sgorneau (@sgorneau) on CodePen You can see below, each <div class="myLines"> (assigned with splitText ) is wrapped in a <div class="myLinesWrapper"> ( done with jQuery ). Hope this helps! 4 Link to comment Share on other sites More sharing options...
Author Share Posted February 28, 2019 Thanks you Shaun ! Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 Happy to help, @MathieuDaix! 1 Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 Another option is to simply split twice. See the Pen pxBMvy by PointC (@PointC) on CodePen Happy tweening. 2 Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 @PointC - fancy! 1 Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 4 hours ago, PointC said: Another option is to simply split twice. You so crafty, Craig! 1 1 Link to comment Share on other sites More sharing options...
Share Posted February 28, 2019 That's me. Fancy and crafty. 1 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now