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 |
SVG Modified with Query String | 1,663 Kb |
A Pen by James Nowland | 6,998 Kb |
Login Form CSS only validation | 5,739 Kb |
Step 3 | 3,874 Kb |
Download Rebound | 10,865 Kb |
Lorem pixel Images | 2,290 Kb |
CSS3 Stroke and Gradient Text | 2,577 Kb |
Outer Gradient Circle Progress | 17,247 Kb |
Hamburger and Search CSS Animations | 4,173 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 |
Brown by pure CSS, no image, no javascript | Aaronchuo | 2,652 Kb |
Promodoro | Bencarp | 1,712 Kb |
Parallax.js | Zmeeey5 | 2,330 Kb |
Drop Cap | Gsaiki | 1,571 Kb |
SVG Animation | Pollardld | 3,133 Kb |
Learning FlexBox | Alex_rodrigues | 2,821 Kb |
Flexbox slider | Rendro | 3,459 Kb |
Adding Items | Valhead | 4,008 Kb |
Css3 loader | Clknap | 2,391 Kb |
Simple blog concept | Drew_mc | 2,666 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!