Three Heading Solutions
How do I make an three heading solutions?
Working out three solutions needed for art direction.A liquid large title. A static text version. A SVG Replacement.. What is a three heading solutions? How do you make a three heading solutions? This script and codes were developed by James Nowland on 31 October 2022, Monday.
Three Heading Solutions - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Three Heading Solutions</title> <script src="https://s.codepen.io/assets/libs/modernizr.js" type="text/javascript"></script> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="Container"> <div class="Feature"> <h1 class="heading-1 js-singleLine" id="fittext">A Simple Post</h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div> <div class="Feature"> <h1 class="heading-1" id="simple-heading"> A longer title that isn't fluid. </h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div> <div class="Feature" id="svg-heading"> <h1 class="headingReplace svgHolder"> <span class="u-hiddenText">A Simple Post</span>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 675 169.698"><g> <path d="M303.59,14.185c0.712,0.614,1.548,1.093,2.506,1.437c0.958,0.344,1.953,0.516,2.984,0.516c1.031,0,1.964-0.19,2.8-0.571 c0.835-0.38,1.608-0.872,2.321-1.474c0.712-0.602,1.351-1.283,1.916-2.045c0.564-0.761,1.043-1.522,1.437-2.284 c0.393-0.761,0.693-1.498,0.902-2.21c0.208-0.712,0.313-1.504,0.313-2.376c0-0.872-0.369-1.726-1.105-2.561 c-0.369-0.417-0.842-0.755-1.418-1.013c-0.578-0.258-1.443-0.387-2.598-0.387c-1.155,0-2.628,0.271-4.421,0.811 c-5.305,1.547-7.958,3.905-7.958,7.074C301.27,11.164,302.043,12.858,303.59,14.185z"/> <path d="M435.825,31.465c-0.859,0-1.941,0.492-3.242,1.474l-12.158,9.469l-5.895,4.827c2.307-5.527,3.463-9.702,3.463-12.527 c0-1.228-0.529-2.432-1.584-3.611c-1.057-1.179-2.113-1.768-3.17-1.768c-2.039,0-3.992,0.847-5.857,2.542l-2.615,2.284 c-1.156,1.032-2.469,1.929-3.943,2.69l-7.994,4.237c-1.746,0.884-3.072,1.327-3.98,1.327c-1.303,0-1.953-0.405-1.953-1.216 s0.578-1.769,1.732-2.874s2.48-2.186,3.979-3.242c1.498-1.056,3.076-2.026,4.734-2.911s3.414-1.695,5.27-2.432 c1.854-0.737,3.549-1.375,5.084-1.916c1.535-0.54,2.506-1.099,2.91-1.676c0.406-0.577,0.609-1.406,0.609-2.487 c0-1.572-0.799-2.358-2.395-2.358c-4.84,0-10.748,1.29-17.723,3.869c-7.246,2.653-12.848,5.772-16.801,9.358 c-0.023,0.021-0.043,0.044-0.065,0.065c-4.654,3.771-8.485,5.682-11.468,5.682c-1.302,0-1.952-1.117-1.952-3.353 c0-0.54,0.036-1.105,0.11-1.695l0.147-1.732c0.073-0.564,0.142-1.093,0.202-1.584c0.062-0.491,0.092-0.909,0.092-1.253 c0-1.056-0.749-2.296-2.247-3.721c-0.811-0.786-1.707-1.179-2.689-1.179c-1.843,0-4.716,1.277-8.622,3.832l-3.389,2.358 l-6.779,5.048c-1.105,0.835-1.94,1.252-2.505,1.252c-0.516,0-0.847-0.368-0.995-1.105c-0.025-0.196,0.355-1.043,1.142-2.542 l1.105-2.174c1.596-3.07,2.395-5.281,2.395-6.632c0-2.211-1.683-3.316-5.047-3.316c-1.842,0-3.562,0.381-5.158,1.142 c-3.145,1.449-5.797,4.053-7.958,7.811c-0.233,0.401-0.44,0.819-0.657,1.23c-0.064,0.046-0.125,0.085-0.191,0.133l-6.743,5.269 c-1.204,0.909-2.426,1.793-3.666,2.653s-2.456,1.621-3.647,2.284s-2.346,1.192-3.463,1.584c-1.118,0.393-2.088,0.589-2.911,0.589 c-0.823,0-1.824-0.417-3.003-1.253c-1.252-0.884-1.879-1.744-1.879-2.579c0.761-0.687,1.781-1.805,3.058-3.353 c0.663-0.811,1.357-1.713,2.082-2.708c0.725-0.995,1.388-2.014,1.99-3.058c0.602-1.044,1.093-2.087,1.474-3.132 c0.381-1.043,0.571-1.971,0.571-2.782s-0.037-1.522-0.11-2.137c-0.246-2.014-2.162-3.021-5.748-3.021 c-2.505,0-5.22,1.093-8.143,3.279c-2.923,2.187-5.33,4.888-7.221,8.105c-0.078,0.135-0.145,0.27-0.22,0.405c0,0,0,0-0.001,0 l-0.995,0.848c-5.109,4.323-9.26,6.484-12.453,6.484c-1.302,0-1.953-1.117-1.953-3.353c0-0.54,0.037-1.105,0.11-1.695l0.147-1.732 c0.074-0.564,0.141-1.093,0.203-1.584c0.061-0.491,0.092-0.909,0.092-1.253c0-1.056-0.75-2.296-2.248-3.721 c-0.811-0.786-1.707-1.179-2.689-1.179c-1.842,0-4.716,1.277-8.622,3.832l-3.39,2.358l-6.779,5.048 c-1.105,0.835-1.94,1.252-2.505,1.252c-0.516,0-0.847-0.368-0.995-1.105c-0.025-0.196,0.355-1.043,1.142-2.542l1.105-2.174 c1.596-3.07,2.395-5.281,2.395-6.632c0-2.211-1.683-3.316-5.047-3.316c-1.842,0-3.562,0.381-5.158,1.142 c-3.145,1.449-5.797,4.053-7.958,7.811c-0.322,0.554-0.616,1.124-0.906,1.696c-0.208,0.14-0.419,0.284-0.642,0.44l-3.058,2.174 c-1.13,0.835-3.378,2.358-6.743,4.569c-1.229,0.786-2.321,1.455-3.279,2.008s-1.763,0.971-2.413,1.253 c-0.651,0.283-1.234,0.423-1.75,0.423c-0.516,0-0.995-0.178-1.437-0.534c-0.442-0.355-0.663-0.767-0.663-1.234 c0-0.466,0.872-1.596,2.616-3.39l2.432-2.432c3.365-3.266,5.048-5.661,5.048-7.185c0-1.474-0.516-2.824-1.547-4.053 c-0.467-0.54-1.001-0.977-1.603-1.308c-0.602-0.332-1.136-0.497-1.603-0.497c-0.467,0-1.105,0.037-1.916,0.11l-5.232,0.368 c-0.835,0.074-1.449,0.111-1.842,0.111s-0.786-0.307-1.179-0.921l-0.516-0.811c-0.737-1.179-2.149-1.769-4.237-1.769 c-2.358,0-5.183,1.13-8.474,3.39c-3.071,2.088-5.76,4.569-8.069,7.443c-1.949,2.432-3.087,4.529-3.442,6.303 c-0.841,0.647-1.653,1.243-2.435,1.785c-0.798,0.552-1.529,1.007-2.192,1.363c-0.664,0.356-1.173,0.535-1.529,0.535 c-0.356,0-0.755-0.602-1.197-1.806c-0.197-0.516-0.393-1.099-0.589-1.75c-0.197-0.65-0.405-1.295-0.626-1.935 c-0.884-2.382-2.678-3.574-5.379-3.574c-3.193,0-7.16,1.425-11.9,4.274l-3.058,1.806c-4.667,2.751-7.64,4.126-8.917,4.126 c-1.302,0-1.953-0.405-1.953-1.216s0.454-1.646,1.363-2.505c3.193-3.095,8.228-6.08,15.106-8.953l4.643-1.99 c1.301-0.565,2.161-1.118,2.579-1.658c0.417-0.54,0.626-1.351,0.626-2.432c0-1.572-0.798-2.358-2.395-2.358 c-4.716,0-10.906,1.437-18.57,4.311c-8.105,3.071-14.038,6.448-17.795,10.132c-0.287,0.281-0.55,0.568-0.805,0.858 c-1.418,1.026-2.923,2.042-4.538,3.047c-1.572,0.983-3.126,1.886-4.661,2.708c-1.536,0.823-2.979,1.529-4.329,2.118 c-1.351,0.59-2.561,1.044-3.629,1.363c-1.068,0.32-2.272,0.479-3.611,0.479s-2.782-0.405-4.329-1.216 c5.011-2.137,8.744-4.065,11.201-5.785l1.327-0.884c0.638-0.417,1.351-0.933,2.137-1.547c4.937-3.782,7.406-7.233,7.406-10.353 c0-1.99-0.811-3.574-2.432-4.753c-1.523-1.081-3.39-1.621-5.601-1.621c-2.726,0-6.055,0.663-9.984,1.989 c-6.46,2.187-12.073,5.269-16.838,9.248c-3.373,2.818-5.71,5.733-7.025,8.743c-0.307-0.072-0.635-0.122-1.007-0.122 c-1.13,0-2.297,0.651-3.5,1.953c-0.614,0.663-1.302,1.216-2.063,1.658c-2.407,1.4-4.471,2.1-6.189,2.1 c-3.267,0-8.155-1.228-14.664-3.685l-5.232-1.916c1.302-1.695,6.423-7.896,15.364-18.606c2.898-1.351,5.366-3.132,7.405-5.343 c1.965-2.161,2.948-4.126,2.948-5.895c0-1.326-1.081-2.603-3.242-3.832c-0.86-0.491-1.713-0.878-2.561-1.161 c-0.847-0.282-1.75-0.424-2.708-0.424c-0.958,0-2.284,0.283-3.979,0.848s-3.574,1.769-5.637,3.61l-3.058,2.727 c-1.056,0.934-2.187,1.879-3.39,2.837c-1.204,0.958-2.537,1.837-3.998,2.635c-1.461,0.798-3.384,1.369-5.766,1.713 c-0.982,0.147-1.916,0.246-2.8,0.295c-0.884,0.049-1.597,0.074-2.137,0.074c-0.541,0-1.266-0.061-2.174-0.184 c-3.955-0.59-6.73-1.461-8.327-2.616c-0.442-0.196-0.866-0.294-1.271-0.294s-0.755,0.049-1.05,0.147 c-1.007,0.344-1.413,1.266-1.216,2.764c0.491,2.874,2.296,5.121,5.416,6.742c1.375,0.713,2.849,1.241,4.421,1.584 c1.572,0.344,3.542,0.516,5.914,0.516c2.37,0,5.41-0.294,9.119-0.884c-0.516,1.499-2.923,4.864-7.221,10.096 c-1.253-0.172-2.426-0.258-3.519-0.258c-1.093,0-2.376,0.258-3.851,0.774c-4.151,1.425-7.934,3.992-11.348,7.7 c-1.966,2.162-2.948,3.869-2.948,5.122c0,2.162,0.356,3.758,1.068,4.79c0.442,0.614,1.081,1.111,1.916,1.492 c0.835,0.381,1.99,0.571,3.463,0.571s2.874-0.099,4.2-0.295c3.66-0.589,7.062-2.235,10.206-4.937 c1.571,0.369,3.242,0.811,5.011,1.326l13.595,4.016c3.807,1.154,6.595,1.732,8.364,1.732c2.677,0,5.502-1.032,8.474-3.095 c1.302-0.933,2.524-1.983,3.666-3.15c1.142-1.167,2.149-2.333,3.021-3.5c0.19-0.254,0.369-0.505,0.544-0.754 c0.717,2.005,2.175,3.79,4.411,5.342c3.144,2.187,6.816,3.279,11.017,3.279c5.502,0,11.188-1.203,17.059-3.61 c2.653-1.081,5.158-2.296,7.516-3.648c1.076-0.616,2.104-1.235,3.095-1.856c0.538,1.75,1.439,3.366,2.727,4.84 c2.309,2.678,5.195,4.016,8.658,4.016c2.702,0,6.755-1.474,12.159-4.421l4.532-2.579l7.848-4.826l0.884,3.205 c0.737,2.678,1.731,4.618,2.984,5.822c1.522,1.425,4.028,1.486,7.516,0.184c5.195-1.951,10.709-5.739,16.534-11.316 c1.299-0.865,2.975-2.227,5.057-4.122l3.61-3.316c1.449-1.277,2.395-1.916,2.837-1.916c1.032,0,1.812,0.062,2.34,0.185 c0.528,0.123,0.792,0.418,0.792,0.884c0,0.294-0.737,1.216-2.21,2.763c-1.745,1.793-3.255,3.856-4.532,6.19 c-0.639,1.179-1.155,2.364-1.547,3.555c-0.394,1.192-0.59,2.303-0.59,3.334s0.184,1.965,0.553,2.8 c1.179,2.776,4.458,4.164,9.837,4.164c3.685,0,7.725-1.069,12.122-3.206c1.94-0.933,3.782-1.983,5.527-3.15 c1.744-1.166,3.334-2.321,4.771-3.463c0.31-0.247,0.607-0.488,0.9-0.727c-0.086,1.161-0.145,2.336-0.145,3.546 c0,1.302,0.663,2.579,1.989,3.832c0.639,0.565,1.382,1.032,2.229,1.4c0.847,0.368,1.713,0.552,2.597,0.552s2.591-0.786,5.122-2.358 c1.056-0.663,5.097-3.328,12.122-7.995c1.327-0.859,2.536-1.59,3.629-2.192c1.092-0.602,2.038-1.031,2.837-1.29 c0.798-0.258,1.332-0.276,1.603-0.055c0.27,0.221,0.528,1.314,0.774,3.279c0.098,0.811,0.258,1.658,0.479,2.542 c0.786,3.415,2.714,5.122,5.784,5.122c4.397,0,9.371-1.744,14.922-5.232c1.364-0.853,2.636-1.722,3.834-2.603 c0.613,2.639,2.082,5.091,4.419,7.356c1.424,1.376,3.052,2.475,4.882,3.297c1.83,0.823,3.598,1.234,5.306,1.234 c1.707,0,3.445-0.289,5.213-0.866s3.586-1.351,5.453-2.321c1.866-0.97,3.74-2.1,5.619-3.39c1.857-1.274,3.647-2.616,5.372-4.022 c-0.094,1.213-0.158,2.442-0.158,3.709c0,1.302,0.663,2.579,1.989,3.832c0.639,0.565,1.382,1.032,2.229,1.4 c0.847,0.368,1.713,0.552,2.597,0.552s2.591-0.786,5.122-2.358c1.056-0.663,5.097-3.328,12.122-7.995 c1.327-0.859,2.536-1.59,3.629-2.192c1.092-0.602,2.038-1.031,2.837-1.29c0.798-0.258,1.332-0.276,1.603-0.055 c0.27,0.221,0.527,1.314,0.773,3.279c0.098,0.811,0.258,1.658,0.479,2.542c0.786,3.415,2.714,5.122,5.784,5.122 c4.396,0,9.371-1.744,14.922-5.232c0.427-0.267,0.835-0.537,1.245-0.806c0.545,1.573,1.389,3.036,2.55,4.38 c1.057,1.204,2.322,2.174,3.795,2.911c1.475,0.737,3.096,1.105,4.863,1.105c1.77,0,3.992-0.602,6.67-1.805 c5.354-2.382,10.402-5.662,15.143-9.837c-1.031,3.513-2.26,6.779-3.684,9.8l-3.611,2.616c-1.449,1.032-3.895,2.911-7.332,5.637 c-1.303,1.081-2.531,2.198-3.686,3.353c-1.154,1.154-2.186,2.321-3.094,3.5c-0.91,1.179-1.635,2.352-2.174,3.519 c-0.541,1.166-0.811,2.253-0.811,3.261c0,1.081,0.479,2.026,1.438,2.837c1.055,0.933,2.418,1.4,4.088,1.4 c3.709,0,7.738-1.719,12.086-5.158c2.996-2.358,6.115-6.153,9.357-11.385c0.787-0.713,1.855-1.609,3.207-2.689l20.41-15.475 c2.014-1.597,3.586-3.083,4.717-4.458c2.406-2.898,3.611-5.269,3.611-7.111C438.625,32.362,437.692,31.465,435.825,31.465z M56.845,22.364l0.258-0.074c-0.172,0.124-0.283,0.197-0.332,0.221C56.722,22.537,56.747,22.488,56.845,22.364z M94.058,38.944 l-2.026,1.032c-0.172-0.614-0.258-1.486-0.258-2.616c0-1.129,0.65-2.468,1.953-4.016c0.565-0.687,1.222-1.332,1.971-1.934 c0.749-0.602,1.529-1.118,2.339-1.547s1.615-0.768,2.414-1.013c0.798-0.246,1.529-0.369,2.192-0.369 c0.663,0,1.289,0.344,1.879,1.032c0.245,0.271,0.442,0.577,0.589,0.921c0.147,0.344,0.221,0.645,0.221,0.903 s-0.344,0.718-1.032,1.382c-0.688,0.663-3.513,2.419-8.474,5.269C95.311,38.281,94.721,38.601,94.058,38.944z"/> <path d="M652.69,30.728c-0.467-0.442-1.068-0.663-1.807-0.663c-1.08,0-2.713,0.847-4.9,2.542c-0.662,0.541-1.314,1.087-1.951,1.64 c-0.641,0.553-1.328,1.1-2.064,1.64c-0.736,0.541-1.473,1.007-2.211,1.4c-0.736,0.393-1.332,0.59-1.787,0.59 c-0.453,0-0.805-0.086-1.049-0.258c-0.836-0.54-1.254-1.191-1.254-1.953c1.229-2.333,1.844-4.569,1.844-6.706 c0-3.365-1.658-5.048-4.975-5.048c-1.818,0-3.746,0.835-5.785,2.505c-0.908,0.762-1.756,1.609-2.541,2.542 c-0.787,0.934-1.475,1.867-2.064,2.8c-0.59,0.934-1.049,1.818-1.381,2.653s-0.498,1.597-0.498,2.284 c0,0.688,0.086,1.363,0.258,2.026c-4.471,4.348-7.578,6.521-9.32,6.521c-2.311,0-3.465-0.945-3.465-2.837 c0-2.137,1.377-5.354,4.127-9.653l3.537-5.526c0.418-0.664,0.627-1.173,0.627-1.529c0-0.356-0.16-0.73-0.479-1.124 c-0.936-1.204-2.703-1.806-5.307-1.806c-3.094,0-5.92,1.376-8.475,4.126c-2.283,2.457-3.941,5.429-4.973,8.917 c-4.986,4.618-8.646,6.927-10.98,6.927c-1.498,0-2.248-0.565-2.248-1.695c0-1.547,0.725-3.377,2.174-5.49 c0.615-0.909,1.291-1.806,2.027-2.69s1.621-2.038,2.652-3.463c1.031-1.424,1.547-2.763,1.547-4.016 c0-1.449-0.662-2.505-1.988-3.169c-0.566-0.294-1.191-0.497-1.879-0.608c-0.689-0.11-1.641-0.166-2.855-0.166 c-1.217,0-2.684,0.332-4.404,0.995c-5.111,1.947-9.108,5.757-12.001,11.419c-2.468,1.42-4.489,2.14-6.052,2.14 c-2.26,0-3.391-0.663-3.391-1.989c0-0.344,0.074-0.712,0.223-1.105c0.146-0.393,0.221-0.945,0.221-1.658 c0-2.407-0.787-4.384-2.359-5.932c-0.662-0.688-1.688-1.369-3.076-2.045c-1.387-0.675-2.965-1.013-4.734-1.013 c-3.955,0-8.4,0.773-13.338,2.321c-2.334,0.737-4.943,1.781-7.828,3.131c-2.589,1.212-5.262,2.932-8.019,5.151 c-0.32,0.198-0.703,0.438-1.155,0.726c-0.947,0.602-4.428,3.47-10.445,8.603c-0.836,0.688-1.543,1.253-2.119,1.695 c-0.578,0.442-0.934,0.663-1.068,0.663s-0.301-0.466-0.498-1.4c-1.08-5.649-2.297-9.898-3.646-12.748 c-1.549-3.316-3.316-4.974-5.307-4.974c-3.07,0-6.301,1.462-9.689,4.384l-3.205,2.764c-1.277,1.081-2.322,1.621-3.133,1.621 c-0.662,0-0.994-0.442-0.994-1.327c0-2.112,1.805-5.882,5.416-11.311l2.764-4.016c0.883-1.252,1.859-2.523,2.928-3.813 c1.07-1.29,2.07-2.561,3.004-3.813c0.934-1.253,1.719-2.462,2.357-3.629c0.639-1.166,0.959-2.119,0.959-2.855 s-0.088-1.29-0.258-1.658C495.856,0.589,494.983,0,493.78,0c-5.33,0-11.961,5.183-19.895,15.548l-3.279,4.348 c-2.777,3.783-5.098,8.352-6.965,13.706c-0.859,2.505-1.533,5.011-2.025,7.516s-0.736,4.624-0.736,6.355 c0,1.732,0.098,3.163,0.293,4.292c0.664,3.783,2.861,5.674,6.596,5.674c3.119,0,6.754-1.449,10.906-4.348 c2.062-1.424,4.617-3.684,7.664-6.779l2.727-2.763c0.736-0.737,1.221-1.105,1.455-1.105c0.232,0,0.424,0.381,0.57,1.142 l0.553,2.874c0.197,1.155,0.467,2.395,0.811,3.721c1.326,5.158,3.906,7.737,7.738,7.737c3.635,0,7.885-2.149,12.748-6.448 c0.518-0.453,1.021-0.907,1.514-1.36c0.443,0.949,1.004,1.894,1.691,2.834c2.406,3.267,5.686,4.9,9.836,4.9 c3.955,0,8.586-1.326,13.891-3.979c4.986-2.505,8.793-5.256,11.422-8.253c0.467,0.32,0.945,0.626,1.438,0.921 c1.596,0.909,3.732,1.363,6.41,1.363c2.109,0,4.367-0.65,6.768-1.931c0.114,2.797,1.057,5.371,2.85,7.716 c0.934,1.204,2.068,2.198,3.408,2.984c1.338,0.786,2.91,1.179,4.717,1.179c1.805,0,3.492-0.368,5.064-1.105 c0.859-0.393,1.947-1.031,3.262-1.916c1.312-0.884,4.943-3.955,10.887-9.211c0.27,3.046,0.885,5.515,1.842,7.406 c0.418,0.86,0.885,1.572,1.4,2.137c0.516,0.565,1.02,1.013,1.512,1.345c0.49,0.332,1.51,0.694,3.057,1.087 c0.639,0.147,1.291,0.27,1.953,0.369c0.664,0.098,1.363,0.147,2.102,0.147c0.736,0,1.842-0.319,3.314-0.958 c4.74-2.087,9.924-5.698,15.549-10.832c2.26,1.277,4.385,1.916,6.375,1.916c1.988,0,3.715-0.208,5.176-0.626 c1.461-0.417,2.801-0.964,4.016-1.64c1.217-0.675,2.309-1.431,3.279-2.266s1.805-1.627,2.506-2.376 c0.699-0.749,1.896-2.278,3.592-4.587c0.418-0.564,0.785-1.111,1.105-1.639c0.318-0.528,0.576-1.001,0.773-1.419 c0.197-0.417,0.295-0.822,0.295-1.216C653.942,32.067,653.524,31.49,652.69,30.728z M544.663,37.913 c-2.262,1.842-4.791,3.366-7.59,4.569c-1.131,0.492-2.322,0.902-3.574,1.234c-1.254,0.332-2.354,0.154-3.483-0.534 c-0.467-0.319-0.608-1.007-0.608-2.063v-0.037l-0.056-0.11c0-0.417,0.249-0.995,0.839-1.732c1.842-2.161,4.583-4.261,8.269-6.3 c3.34-1.842,5.981-2.763,7.946-2.763c-1.547,1.769-2.326,3.537-2.326,5.306C544.079,36.316,544.268,37.127,544.663,37.913z"/>
</g><g> <path d="M71.545,161.079l-4.873-15.771H39.746l-4.873,15.771H8.203l32.569-89.756h25.132l32.569,89.756H71.545z M58.979,119.662 c-0.77-2.904-1.455-5.427-2.052-7.564c-0.599-2.136-1.134-4.06-1.603-5.771c-0.471-1.709-0.877-3.27-1.218-4.68 c-0.343-1.411-0.641-2.886-0.897-4.424c-0.257,1.538-0.557,3.035-0.898,4.487c-0.342,1.455-0.749,3.035-1.218,4.744 c-0.471,1.711-1.006,3.635-1.603,5.771c-0.599,2.138-1.282,4.616-2.052,7.437l-1.667,5.899h14.875L58.979,119.662z"/> <path d="M185.921,161.079h-22.952l-4.103-19.49c-0.77-3.418-1.497-6.988-2.18-10.707c-0.686-3.717-1.304-7.264-1.859-10.642 c-0.557-3.376-1.026-6.453-1.411-9.231c-0.384-2.777-0.621-4.979-0.705-6.604c-0.172,1.624-0.429,3.826-0.77,6.604 c-0.342,2.778-0.791,5.855-1.346,9.231c-0.557,3.378-1.176,6.925-1.859,10.642c-0.685,3.719-1.41,7.289-2.18,10.707l-4.103,19.49 h-22.696L98.344,71.322h25.645l2.436,15.002c0.513,3.163,1.046,6.476,1.603,9.938c0.555,3.462,1.068,6.904,1.539,10.322 c0.469,3.42,0.897,6.731,1.282,9.938c0.385,3.205,0.705,6.135,0.962,8.784c0.256-2.649,0.619-5.556,1.09-8.72 c0.469-3.161,1.026-6.431,1.667-9.809c0.641-3.376,1.282-6.796,1.923-10.259c0.641-3.462,1.302-6.815,1.987-10.065l3.077-15.13 h22.824l3.078,15.13c0.597,3.25,1.238,6.604,1.923,10.065c0.683,3.463,1.346,6.883,1.987,10.259 c0.641,3.378,1.196,6.647,1.667,9.809c0.469,3.164,0.833,6.071,1.09,8.72c0.256-2.649,0.577-5.579,0.961-8.784 c0.385-3.206,0.812-6.518,1.282-9.938c0.469-3.418,0.982-6.86,1.539-10.322c0.555-3.462,1.09-6.774,1.603-9.938l2.437-15.002 h25.388L185.921,161.079z"/> <path d="M221.311,161.079V71.322h68.729v20.9H245.93v12.053h26.542v20.516H245.93v15.387h45.007v20.9H221.311z"/> <path d="M376.334,133.51c0,5.129-0.92,9.533-2.758,13.207c-1.84,3.678-4.404,6.668-7.693,8.977 c-3.291,2.309-7.203,4.02-11.732,5.129c-4.531,1.109-9.489,1.666-14.874,1.666c-7.267,0-14.213-1.047-20.836-3.141 c-6.626-2.094-12.29-4.68-16.99-7.758l12.053-19.49c1.623,1.111,3.526,2.201,5.706,3.27c2.18,1.07,4.444,2.031,6.796,2.885 c2.35,0.855,4.722,1.539,7.117,2.053c2.392,0.512,4.616,0.77,6.667,0.77c4.444,0,7.502-0.428,9.168-1.283 c1.668-0.854,2.5-2.35,2.5-4.488c0-0.854-0.236-1.621-0.705-2.307c-0.471-0.684-1.281-1.348-2.436-1.988s-2.715-1.281-4.681-1.924 c-1.967-0.641-4.446-1.301-7.437-1.986c-5.385-1.283-10.087-2.648-14.104-4.104c-4.019-1.452-7.353-3.27-10.001-5.449 c-2.651-2.18-4.638-4.809-5.962-7.886c-1.327-3.077-1.988-6.88-1.988-11.412c0-4.188,0.833-8.034,2.5-11.54 c1.667-3.504,4.039-6.495,7.117-8.976c3.077-2.479,6.796-4.402,11.155-5.771c4.36-1.366,9.232-2.052,14.618-2.052 c7.694,0,14.381,0.897,20.067,2.693c5.684,1.795,10.92,4.359,15.707,7.693l-12.053,19.49c-4.02-2.735-8.035-4.829-12.053-6.283 c-4.02-1.453-8.334-2.18-12.951-2.18c-3.763,0-6.241,0.513-7.437,1.538c-1.198,1.026-1.795,2.353-1.795,3.976 c0,0.855,0.235,1.603,0.706,2.243c0.469,0.642,1.26,1.24,2.372,1.796c1.11,0.557,2.606,1.111,4.488,1.667 c1.879,0.557,4.273,1.176,7.181,1.859c5.642,1.368,10.515,2.864,14.617,4.487c4.104,1.625,7.48,3.548,10.131,5.771 c2.648,2.224,4.615,4.872,5.898,7.949C375.692,125.69,376.334,129.323,376.334,133.51z"/> <path d="M470.706,116.072c0,7.438-1.025,14.042-3.076,19.811c-2.053,5.77-4.916,10.623-8.592,14.553 c-3.676,3.934-8.078,6.924-13.207,8.977c-5.129,2.051-10.729,3.076-16.797,3.076c-6.07,0-11.648-1.006-16.734-3.012 c-5.086-2.008-9.469-4.957-13.143-8.848c-3.676-3.889-6.52-8.721-8.527-14.49s-3.012-12.374-3.012-19.81 c0-7.438,1.025-14.041,3.076-19.812c2.053-5.77,4.914-10.62,8.592-14.553c3.674-3.932,8.078-6.925,13.207-8.976 c5.129-2.052,10.727-3.078,16.797-3.078c6.068,0,11.646,1.006,16.734,3.014c5.084,2.01,9.443,4.959,13.078,8.848 c3.633,3.891,6.475,8.719,8.527,14.489C469.68,102.031,470.706,108.635,470.706,116.072z"/> <path d="M551.872,161.079v-21.412c0-4.445,0.043-8.656,0.129-12.631c0.084-3.975,0.211-7.713,0.385-11.22 c-0.684,1.711-1.451,3.591-2.303,5.643c-0.854,2.052-1.748,4.125-2.686,6.218c-0.938,2.096-1.875,4.148-2.812,6.154 c-0.938,2.01-1.791,3.828-2.557,5.451l-11.762,24.875l-11.764-24.875c-0.768-1.623-1.619-3.441-2.557-5.451 c-0.938-2.006-1.875-4.059-2.812-6.154c-0.938-2.094-1.832-4.167-2.684-6.218c-0.854-2.052-1.621-3.932-2.303-5.643 c0.17,3.507,0.299,7.245,0.385,11.22c0.084,3.975,0.129,8.186,0.129,12.631v21.412h-23.467V71.322h22.857L519.094,95.3 c1.281,2.907,2.545,5.706,3.787,8.398c1.242,2.693,2.354,5.216,3.34,7.565c0.982,2.353,1.838,4.468,2.568,6.348 c0.727,1.881,1.262,3.462,1.604,4.744c0.77-2.564,2.141-6.175,4.109-10.835c1.969-4.658,4.367-10.065,7.191-16.221l11.043-23.978 h22.6v89.756H551.872z"/> <path d="M593.417,161.079V71.322h68.729v20.9h-44.109v12.053h26.543v20.516h-26.543v15.387h45.006v20.9H593.417z"/>
</g></svg> </h1> </div> <div class="Copy"> <p>Pellentesque habitant morbix tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p> </div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
Three Heading Solutions - Script Codes CSS Codes
.Container { width: 90%; margin: 0 auto; max-width: 58em;
}
.heading-1 { font-size: 60px;
}
.u-hiddenText { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;
}
.svgHolder { position: relative; padding-top: 25.185%;
}
.svgHolder svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; fill: red;
}
.svgHolder svg:hover { fill: black;
}
Three Heading Solutions - Script Codes JS Codes
/*global jQuery */
/*!
* FitText.js 1.2
*
* Copyright 2011, Dave Rupert http://daverupert.com
* Released under the WTFPL license
* http://sam.zoy.org/wtfpl/
*
* Date: Thu May 05 14:23:00 2011 -0600
*/
(function( $ ){ $.fn.fitText = function( kompressor, options ) { // Setup options var compressor = kompressor || 1, settings = $.extend({ 'minFontSize' : Number.NEGATIVE_INFINITY, 'maxFontSize' : Number.POSITIVE_INFINITY }, options); return this.each(function(){ // Store the object var $this = $(this); // Resizer() resizes items based on the object width divided by the compressor * 10 var resizer = function () { $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); }; // Call once to set. resizer(); // Call on resize. Opera debounces their resize by default. $(window).on('resize.fittext orientationchange.fittext', resizer); }); };
})( jQuery );
$(".js-singleLine").fitText(0.75, { minFontSize: '26px', maxFontSize: '140px'});
Developer | James Nowland |
Username | jnowland |
Uploaded | October 31, 2022 |
Rating | 3 |
Size | 11,415 Kb |
Views | 10,120 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Pure CSS Spinner | 3,909 Kb |
Hamburger and Search CSS Animations | 4,173 Kb |
SVG Modified with Query String | 1,663 Kb |
Ad Folding without regions | 3,938 Kb |
Three Heading Solutions | 11,415 Kb |
Animating Scale with text featuring blurry raster DPI issues | 2,983 Kb |
CSS Ribbon with inner border. | 166,994 Kb |
Step 3 | 3,874 Kb |
A Pen by James Nowland | 6,998 Kb |
CSS3 Stroke and Gradient Text | 2,577 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Simple animated hover effect | Pobee-norris | 3,044 Kb |
Wikipedia Viewer | Odylic | 2,333 Kb |
Tab panels | Accessibility | 0 Kb |
Resizable SASS Icons | Marianarlt | 7,611 Kb |
Twitch | SarahDunlap | 2,937 Kb |
Speech bubbles | Something | 1,547 Kb |
Haml Calendar | Katydecorah | 5,643 Kb |
A Pen by aleen42 | Aleen42 | 11,473 Kb |
BlueBox Fork | Huskynation | 12,675 Kb |
Perforated foil | 0x04 | 2,617 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!