Tag: codepen

How to make three buttons in one line span the entire page?

I want to make the three buttons span the entire page equally, does anybody know how? <div class="mainNavigation"> <table> <tr> <td> <form action="webPages/index.html"> <input type="submit" value="Purchase Used Cubes" /> </form> </td> <td> <form action="webPages/index.html"> <input type="submit" value="Purchase Cube Products" /> </form> </td> <td> <form action="webPages/index.html"> <input type="submit" value="Purchase Cube Repairs" /> </form> </td> </tr> </table>… Read More How to make three buttons in one line span the entire page?

MRLeave a comment

Css transition/animation on button to move text to top and make it disappear and then show other text where previous text was showing earlier

I need to create a button with Submit text. When user clicks on it submit text should transition to top and as it touch button edges it should disappear and other text named Submitted should transition from bottom and show at same place where Submit text was showing. I have tried couple of ways but… Read More Css transition/animation on button to move text to top and make it disappear and then show other text where previous text was showing earlier

MRLeave a comment

can't draw signature on the canvas

i followd this code: https://codepen.io/BigLeeBrink/pen/ZdvLLE but why can’t i draw on the canvas? can anybody help me? this is my code: <canvas id="signature" width="450" height="150" style="border: 1px solid #ddd;"></canvas> <script> jQuery(document).ready(function($){ var canvas = document.getElementById("signature"); var signaturePad = new SignaturePad(canvas); $(‘#clear-signature’).on(‘click’, function(){ signaturePad.clear(); }); }); </script> >Solution : the only possible explanation is you havent… Read More can't draw signature on the canvas

MRLeave a comment

Placing a gradient background on an image with transparent background

What I would like to achieve is basically have a gradient appear on the text as opposed to the background of an image. I have created an example here: https://codepen.io/BenSagiStuff/pen/BaYKbNj body{ background: black; } img{ padding: 30px; background: linear-gradient(to right, #E50000 8%, #FF8D00 28%, #FFEE00 49%, #008121 65%, #004CFF 81%, #760188 100%); } <img src=”https://upload.wikimedia.org/wikipedia/commons/9/95/Transparent_google_logo_2015.png”&hellip; Read More Placing a gradient background on an image with transparent background

MRLeave a comment