<html>
<head>
<meta name="description" content="This is an example for this stack overflow question http://stackoverflow.com/questions/15788825/box-with-fading-out-edge-border" />
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="plaque"></div>
</body>
</html>
.plaque:after {
top: -9px;
content: " ";
height: 11px;
width: 30px;
position: absolute;
pointer-events: none;
left: 50%;
margin-left: -15px;
display: block;
background-repeat: no-repeat;
}
.plaque {
width: 250px;
height: 100px;
display: block;
border: 0;
outline: 0;
padding: 12px 16px;
line-height: 1.4;
box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.32);
border-radius: 5px;
border: 1px solid transparent;
font-family: sans-serif;
color: white;
font-size: 1.2em;
text-overflow: ellipsis;
position: relative;
top: 6px;
}
.plaque:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAALCAYAAACZIGYHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcJJREFUeNqMUktPU0EU/mZuL6Up1RCjC4oRau4t4FJ84EKID/ZAjI9/6Mo/4MadG5dqJGjBatpyuY+2UNreeXDOBE0MNHGSSWZyzvnOd77zicdbd+EVJKyxGPSHmC4XIYSAMQYCoJhn81wJKSnHWhR8D1oZl69yhamiD8GBSefpywc2XKzjy7fP+PDuk5iUJxnksvvkxX1buxkgThOEt5exvr1qJ+XKy5CfvXpow9oSsn6GdqeF40EPK+GKY/ZfTNa3Vm1AI6TdFAeNfQgp0CKgrJehVg1AGl5gJLTWfxGfv15zI3BBnB5CehJGG5Cw8EjY6tw8KjNXsfv9K96//SguMOERgoU6+ic9NH8eQClNGzDQBMLb4FU1fzdxFB+hev0WNnbu2X802TxnkGQJoriNymwZHrFgAbhdidbOK+YTxR0ojLEc3sHmm0dOI8Gq10n9OI1xGLVcMvuGGYyHOYqlKcfK9wvOF3/i12ZvoFK+gsavPUgGSLsJkm4En4xDTqMi45iUZqZdd34zJY7L8was2enoGMHCEmS3l6LxYx9qrJ2I7FTNelBxPlKuYDgYu9nzUe6cenoygqF/J2o7AmcCDACumSjtgWp8aAAAAABJRU5ErkJggg==);
}
.plaque {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA8CAYAAADxJz2MAAAACXBIWXMAAAsSAAALEgHS3X78AAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAGb1JREFUeNrkfMuW7UZubACZ5K46Rw+3/8Tt7qFst3/Afdv2/3+CpFO1Nx/5gAdAgDzt0V3rzq4mUqmqWGQSGYgIRG755a9/tNknlkeFqGC0gf114u3rAyICUeD1seM9vxZ8/PrCj3/4gjkm5jSYGZalAgL0NnBuDV9/fkdvAyKC/XXg/esDAAABzq3h8b6i9wFVxegD66OinR1aCuacqLUAAtg0HHtDXQpKVQgErXX/ewDmnGhnR10qbBogwBwTdSmY01CXgmNrWJYCUb//7fPAslaoCrQqjteJulaUqhh9Yvvc8fblAVVBqYrz6H69MWEAjlgfLQL5l//zz1aX4n8cgKjAzCAAxjDMObE+Fow+AACqAoignR0AUJcCVcWcE7NPQBAP44s74uXwmtMMJRapx4OLCuaY8fCGZS049w7A72mJv1+KwgCICNrRoSq+SGuBmf/sHIZaFfP29fqoGH1ijgkpglJ8UTQWtJSC82gAgFIUpRb0NqDqL+vxtqCfI6+5rDWfX20aehvofWDfTvDr1ga2zx2l+uKICj5/32JRBmDA9nlgDv/5OSZ6HxD1xe194vltgxb/2qbhPDpG/KwvmOR/jzGxfRz+xnd/uNEnSr0WZ3+d/mK7P5wvphf27BP9HFlFNgwtKuc8OuaceH3ugCGLhTvE5kSJSvT/74vjL80reZph+9wh4vdVl4LjdUL+9W9/MhFgTkOperuoeeVMQ+8DdSkQEcAMY8ysvmNvuX3v39eiUFW0o0GrwmI72TS0eLuleiWO5ls5Hz4qXVQAA8aYsDmvSqx+HVG/zzEmRIBSCxCLzXtg1fOhzQyj+ffqouhtohTJyh59QIuvw+Nt8WvH9Xi/KpLwoKrilRI3W4oC5tuIGHfuLd9cOwfa0QEIzqOjFMWxe/nzYcyhCL35wj9/3/JhAWB/Hlfl9ekvTSUhpJ09q86vZ6hLRTtabL8GM4cX3w2Wf7+3gXaOXPzeBvo5sCy+LW04ZmsRnHuDFsG3X195H3NelTtj8fbXiVL85Y7YnXMaju2E/Pt//9kgknteVBzTApMEvk+48qNPlKXENvKfWx4Vx96+r1yzXKT1bcXowyvXDOvb6rAQOFuKv1FW9vqoOPeGZa0YY6IuFb11aFHM+Pnz7FjXCohA5FoMVYVIVExUUl0rYIbe/e/XpaA1x1QAKLFDzLwBlar5+yMaUm8DZkCtClHFuZ8otUAtKotlSrAFgNe3PbusiFcct+Ochuc3x8TeBlTEKyS+39vA9nlcODcNNg0agM1K0SLRTeP78TIBrwwAXnHTcLzOAPaBda3YWMnTt+T+OjGnQwAbhahXTmsD+/OAVs3t9/rcMcZEOwfG8G5vRkjw5+W9c+cYosuvFa+P3buwiOSDAEAPOqFFMIcB8LezrBXnfjrVGAOP99UXtQhUvDv3NhJLl6Wgd78ZLQIB0M6BZS2JOcRAiDjOwndk79fv+/401LUGhg1o1e+6p4qgrl6pM/CKmEp4KEVx7s13WdFcZAB+f/GyVaPyYrHZHyR4Qa6UCJR7HQaYGfrZfSuaYQaNOfcW+NcBEbw+NpSlBBYisaOfHbVq8DLfJloE+/OIqgKW1bfDaI5dIoLteeD+T4t7aG2gVnWsCb7Y28D2PDDawHk01Or3ISqBjf6Q3BkA2YLzxVILRrwUb5jAaAOCePlF8fy2JQyI+P2zigHg9XmgNb8X+ct//dkgQD8HIPBuWAQjStd50fWmai3JFb06HUOIMRpv16LzlarZnee0qEZvBF61zhu9Icx802MY5vDKXB81ocSGV+Lo40biS1YtDFge3nBUnTdmJUbFL0Gyk/NGwcAunjt6QIMK6lL9ZS0lS9Ax0aDsNCSzqpLbDhb/PzCDXK+fHf0caGdz2hIPM/sMTOleZX04LZmGMRwzex+uNOIhCNyzT7SjxXWdRB9bC97nO+T1bU94QGCRqqLHw8K8whNro5v32AktFqE3b2ivjx02fefNPgNDLYpjkMfn4rW95+KJRMP6t//8k5n5g5SqWYm8mRGdlIqB+NPPHozcKUOtmlvw4oHi14PfZA0GryrZAVl1vU+sj+qLFpyOFWLTErhnbKvenac5Cb92gismfwBfLO+8Jbpnb77dext4e1+T0Dv3iueLHaRBXWzOxOjRZ+K5qEDNDNvnEdsQqGsw7ChlCy7FhRQVnFsLheD32gJ7iF/n0Z3ADoNWRWveDR2DvIIsmoUWxevzgKokTOyhCIh5vftLG1F5vflLOLZ2SbSoDC3qPHOay0FzFWHm17NpzkvZZc35XDYrwDE1GoqZJQ/sZ0cpgmM7MYYrH7Vp+OHnd/RzJHf74R++QEKUmxm+/PjmHTlw4/G+JG+rteDrT+9e+vAFef+yoveZ1/vyw1tij03g7cuKOQwiQGsdP/z8nngrAvz0j18Tg+tS8Hhb4817V3y8ryhFUdcSXy+hFBw/v/70lvgqKoGRlgXw4x++JjOYfeL96yNxHCJY35fs3GaGn/7xq+OreG/48sNbFpiWpSSBbUd3LItt8kot7OD9+ggtGCRz+9wT5+ac+PzthTkc71QFr489yXQpis9vm5sIbQJwSbes1StWgGM/3e3Ym3fzoyee1qXg+W1Ld4WKweDqSFW9Iod3S3ddeL8ujRw+glxXxf48U7aN6O5a2PDclVkC+2stWcFUJNvnDvnLf//ZSIRLaFWSycfbgmM7QwG4FmW3VNUQ6t5IVDV42EAhpwzXhBDjmOoAXZbiFOQc4ap4hfEGtUh2Z+ell0tSAqPqUlyBVIVGd3cZiNTaYzhFgTgPbKdjIHnr5TJpyD9/sSJuZc1hwYf9/kj3qFCUnYZvyMy7pQDO/+LfBFgYYLH9iEXOAyfOwxvAt1+fqS3ZINh1YY5N1NV803R1HOB7avDeBo7NKUkPV+fjt5d///CFPfcLy8aYzhuDsiAqGubPN4dhf56pKBDk3lXYSE1twWvnnImBVGDb557egfzyH/9k69salYToVlQN3mkpx4gLGsZA7zNxi6ST3XwETwLwHW+rS+H7SiOUmnvE36i15MPRYEg6FP4kSbCq5jZkpdDCgjmd8W7c4wU6T6QlJ3SFxky9TVeHxoibvcM9TjM83tb0DnRZa3QXxf46Uve1c0SFXOC7P498O2O4Qrl3v1e8GS7ceTjzDyWGdjh/TFcmuu0lIUdW7hgzFUpv/vdfn3u6PN4l3WqzOSHqWjUNh/AVRf1FlaKhnCy1dmr/6YvX++UQjeGVp9F1XYHsWIOKiTpxl1/++kej1VNDe9qcXnm3KhFBYMxI2rAGD2thZNbFMa0USX43g+HPaVhWxzQuoAYXpFutYY0ptSuB25ujf93CGTbD8liSphADZzSRZSlOw6YlvrLKnWhrYi5Czi2PxTlfVr6mi6Ti9n/y1uZjCIUB2/NAqWHxVF+kOyE+thPn2RPcyejb2YPPWaoUwLBv7sq05tW2R3c79xMznGo6NnNMfPz6ghly2x23ylR1A4Ddk0pgCYtqjInP3zav1E4n/cA0S1bRjp6y82o03ix79w7sDXSmQplm3y0mQpnV6loZIVUvP/B0IF7Wmr6ewauHiwU4d0qrSK7uZdPSXs+2Gy+B3VJUw0+TnEmw0thwEh+jiuh+0O4C4JZUn1kRVEF3rc0ZDbUwFVFdS5LkGfdcYmd5150XZo/bTgymMuf0gRi1cKMron5Tc1i08u5fB63gVhh94thbCvRObjQut8IsnOtwabh9j5e7GnSyt+fhsuz0l/H62B2TYkvzesTQ/XUm1ZqhcS1MDBJvC4wbbSQcWDjsIrgpF0mJaPHWXh97yrU5DDaRMtGVS4OWkgOlGGx550Qojjl8zy9LxfrmGGNk6I/FvbDQp/w+q2N9VH/ooEbrY0nbyAz48Q9fkzWpCn74+UtWjIjgh5/f89r8e2woWgQ//uHLZfia/71SNVVSjbEndfDXn97z4cfgDMNd9zEm6lqA+A0RwQ//8CXUlP/M48vqzSJe1PsPb9kLVMVHm96BHJiPwJrnt/1yHahRzf1Ax4aYbMWWH9GAzr0HOe5BLTqWpaDtLTtedtxOI/UCdu+arEwk1r4+9nRpnG4MiAYvC15HnklKNcKptpgeWjQbd9q33NZ1LXh+2y+eN/w5a3XLbQ7D9jxSiagKto89mq1dGMhW79VXclFLOLd0dqkh+217kYeVouh9ZOX8r24aejm3yby6G1kAZV+jKxSVfBkW3n3z+gJ3pkMGqurV7WPBSgkeGBKTGEcvUPWSpzRIepjHfr1rJkIFxO6t9NJ483mx+CFVpyLsxhLmq4Y9TiqyLAX767wcYnH+ZLduxvkw8fTcTh8KxRbqoWnbbUqXAx14RV7XmTFylLi+GwMcJAFwhTIMY4zvZFwPuccdwef7/H3zyu1X8wAsYeP1sXnDMq/057fNtTCNSTZPvwFL7UvGrmFJ1aphRYVCCGBjFyPu5EwlwJsqhLNXzmFvM9bLfKiazYPdfAn3hf9wZ/Q+IMCl5aM6vCgs6BXSuWa1cYTKF1WCR6bC0ri/mAstj8VfQuy6Ugu0nz20oaWm3V+HD3CmQeAjQ4kcCmcCPVwYVcH+3MPPaxjdZxWeWXEv73idPq27udesJFVNd7mdztv2V/htYYlxu87hXfOIhIJXpqEFRZrhpO+vIzI3Tvj355G8tPcRPxcvtZbv5tSc7TB3wwoW1dzyNCH62T2ZUJeYPsXQmRN8TsioRbmAzMrQoa636ZuoT8iojbkVuUhzGtbHknPnJMU3iXavZLoorCS6QBahIi3FXZ7I5VBl0LwVXAqFi0LFxEp1zO7f7YQe2524zyyOVu/A5I1aimRmpYfdjlAW+9Zisu8acnYHfeLP5RD7v5/fXj4fDrnX28gR4KSfSOkmwOdvr0xCjNv40gHcXSCvuktuUXuTtZcwEHr3uS+rXCOFRTtsDldAfl9Ovtkw5/Qtuz+PrGzOma8xr2B7HaGgZjrU8st//NGAy89jZRHHEHa4GbMzFxWpyzXt8u+XJNsiV4qJFVCC4nC6pbTJw/JaYuYxBqdhl9mbsu5ouTPWt5ozHK/ca06c3TvYhTveMSoNLKaiIvZdo1rLuTEXU0RSaY2w80ot0GV10c2huPtdnroiXjG15YEe4NxPiCKZPpuCxeKd23lp13BdqH1V480KwkURPD92n//u3uXp57XTK/gj/MUZJgctM840Wuh0+nn780hXuVbFvp1p8oqIz0RCOzvGkt96pfcwjKn1t+eR5Lu14SZzdPPMB3L+Qd7Gi1E1kFQLrjdxT1kxxSXiEzq7Yd6yXikvFcHyqBk5k7/L/3kK4BqhFromkUiYZljXCrtN9BjSpIxcVs/qaGCwRANiE6CTviwlsznOPpzIXymukQkHxj5qLTn6ZSLCRXGMICnrJDAIRs2n+Pzt5d03tpn7ZLHNEa6Lumyi73cN3ePNRYPQmEMzrsHKJG80OBZy/kB/cY0KtHCgYUjsJiU5bw40R6djDByvq9uqeOWT51m4NzXYAq2vOSf2qDgGSKnRT6azKOAfb87w2ck4I+CeZ6iRvJACuy4F/RxY32pSDfpt7WipPsqtG2bS9HS5x7SVAdnZcUsMIP4+R5/3pCjnzMqsS+Axc480hO+KykJl5Sgz2IAFJAgkMdaiuS3BHkiBSlUoMU4jIjanaz8n0I5bx+v4LrHw+fsrO5tSBsYUjZnl+0SfXdh54cTrhrGlKLbXiaJ6c3Ick9gwRr9CnyKCtre0/bmovY2w2LxRXAkgx+pSFGfc5/YMnhhOy7dfn9kIRRym7hjbW8+5cu8jZjLu4shf/uvPds/Tzag++oGjTaxvNXnPyATBmfOIEoEiiVksc4TXNK/mdI9JVMpAYiQHOKWWrFxPgfnfPw83KnobWN+W7LY1MOo8euZk6ERfmK4ZQMqU2dEyx0PtbaGf10imcvtTwZDu0KkWFXdjmBJ4flyKYsbkvVJIT8O5tVQGpRbnRYhgpAGfv28ZDXNt+cqQkae69lsuUCObMrMbHzfXhqZoXa/R57F792YDaEdHaz1f7vE6c5TK++x9xEzFF0ni95nCcqwcOTupixeLimB/nllUo4+cUnrUw10d+de//bMxFcBuS4FNHsVuds0orm7dDh95UjvOW8aZc1XmW5hsBSQpSTt66lZiIjEvtWvMRep6RdPuc98RZsP6WJI9GE8DRCOY40rOsjqpSOhKS4wPHOQlxwYMQTG1pqrJPTUtKnaxyOsJrq62MWsS24YuM43PccsHMjA5x8S598QNjW3u19uvMYFcqXl2ez7QCLnnD1NcCRVmVpBCP53tyOztcf/n0QCBnxNZS9r0Z1Q6p3f3dL4fmUBq/zHooEt23+1zj67dYioXpqgUyekUK88iFHnuDXWpmUFhS/duJ5ke4Axk9Pl3CQXPPHOC1s7uFdkcI7kopUimqOg1ShpLV2ab98vdwQhdHo4J3saUFwfmuXPOnnlpXptzFrpC5L48BHRPMLCK1Vv7yEENB0y1FmfwkXkWVXz89srtq9UxrB09hLifw6j1GnKf4a5YNIqP316Z50P4f45xweOOllk/EdeyzuE8bjHC1DyDGvFIBGfY5366W7N5g8qk6jki0dqzy3Mi15rno0efkbkO/hlzacY4VBXb5xEUZiRWOw8McsnjV6NfaXp2S84CnDQjtS3BellKdl02FbfEXI0w+cnpXc9RYpzhuE3LGGDitI369Z4k5fCv98sYoCIio6AfmedMYgfMrNRy46UWGeqOZS3JC3vIOZ5gomIjj1Rmietaw5iUC9t6VMhxHWHwN92+I8X8Iwd55Gek2QNDiE3Uw3fexZunq0MWwGNcIyqCBN2YyrqFQp/ftssyi67OWc+ViA0FE02NBBvwaRyH/3UteTaOI4jjdabWnrfsjRkcA9Pfi7knu63POGaGL+9n6e4PzIgaeZjw7FzoTJqnJQ4Q1uoRNZ7HWB81vcDR3Xk2u1TEEmfd6JKkRRbR3HS6I0l1P+eCcM7bebGHx9uS3Zwuk+U5FcmkK7ttOuWxNvQ2I+YrmXqiXzbC0t63lttIBPj8/RVeoV0amUcHwkXJdLwBc4wcxvDQTB7WCQylAmJXRcgvz6YcOROZY7hzHpAxxsTzdz8tEEkP3ym3yt9uznmtinM7E9t7655HvM2wWxzZyALpIxUV2QdTs2ZeufLLX/+YboyfAwled3NeGU5hd72mcXIZquHPHXvLAM7jfU2FQi3KqqX/1452m/Zp4i952kgn2Xmpn2DyxrO+rTj2E+vtRNM9jqG3AZNNyyQDC6IuNR2j+zkRnqhaHst14iqD9j4fYRxaay3p/HLe6nm9eVGWMBNgcczqaChFMhbMQDqz0fvW8kgsGwLxj28cwehL9bms5pGD7xMJADDazMoqi+axsjkm1rXi8/ctKt678rdfn45dsSOYlWF8D9EAHLa8wnrQGv48G+aIrI2K5HzkSnQN78KZXg9C7UPrGeYBEgv15mK0c2TubrklEL4bRd4wZ9/OdFv0dv1SNM8JzxF+4lrzJjmjONnIwjXiYnlKasntr6rXidHQrEtg7B0/KUdH7DzeD7u13X5uWcotZK9+lu9wY0I5xlR17UpFwfPCMK8IptUZrNTipzw5C80plVxp+HaEVbU3rI8Fz4/9Oi88Da+PLecmY3gSld1bi8Ci8/bWY/v3nLm4S3RG7u86SzfHzFQ+yToz1OfWMp1Ql3L5fDQOmHiIXdpj/MCgJQNQ5+2EVp6V+/9tmsbGQqOC50hIVSzmyD3PhYQTfztL4u5SudLs3ivkwpTuEy36bM73/JyFuyEt6Mr0UFL4hXQ50kaP6ZkzeMtoG9Oox+vMilEVP98hSOpwHV2NGcfrCOpxTdPcvR6ZlWZ2p1T3Ae+nLhlD8QhzweDHE4yRL0z1Cl2N5g65RVXygPd5NGKg5FEtw+WXEROpOEioM4ka9jd5IxvG+qjfiXWJMNH1mQSaR12ZhbljLGcanFncT5afZ8dbnBJlI3B/sGfnJmbWwLiVWjtixI/3JT/IgvuMrjxdqe+cbH6GQpwrWW8n2ZX5v9lnHlkgiWYmmkdIfT4raS3R2eVnKlzBpJldkUfuGem4kq+RuWbUIpxinp0z8zkyo2uAp/P5MQN+UulMvlaqou0tci+WisbMkmd+/vbKM3iq7sK0NhI2iM8tNXfPIxUIRcIYsquc0MKZKcY1tLZIYh5bi7xdTeVAWZUj0aAm61tNV6QUSWNCQ8ncM8k2rzlzVvIt46w3/5EZmbqUHDBNu3hZKeJfR8UxnPl4W747h8KPDaCb4t15Zsorkxhy8UgOnNit/fc1d5ayfGnp1KX4CZ04SMjteiUFJrbnHotpeY5YgorglqFhY3h926Mrtzhj1tPN4LkUxBtvZ8e5tUxRUatSbrHR8IWbGV7h2rCjP79tqTjmGO5kM9UVvmPhuRVc4SPyzxZK54yM9RZn+Uh9OCM3gzvS/y8YOc9gkBcSBuiScLpn0xMAHDRxLsE4xri5PMROCntO+9jt6cRwUZn2yvT+vCrnXsnEaDrZ/HSOcTvvPCJoxcRGprgi452hdW5HJkKJVaISqapyTf5jCuaf4MEzFo4xs7vTy4fXot8nP6MCRTXzLo2fvjGuE0WUX1wgzq15EopzaWpnZvfYxf0DKkZmuzkk53WJiT2SYzR37e/OO09a+TfjYPvcM/edCd5/+88/Gbsn56ysEvIqRPZO5HZeuF3ndc8wYPNgYkigJRRFBoGqfvehO0ySEj8ynxiflyC3xAG1cp6EL5KAvsR4YHksOX1jJV1JU/nOzyQcMPtDjvd/m9T9nwEAO/NYtsHwM7YAAAAASUVORK5CYII=);
}
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |