Scroll

How to create it using css and html? At what I am sure that this question has already been asked and the answer is, at least in Google. I can not find. I would appreciate any help. I don’t want to make pictures, but I don’t have enough knowledge

  • You can use SVG (vector graphics), Canvas (raster) - Alex78191
  • 2
    and if you do not want the image and can not be on the freelance will turn? - user33274
  • It's not about freelancing. I would like to try or read something myself. 100% something like that already exists, but I can’t find it - Dmitry
  • @ Dmitry, I will reveal to you the secret - on pure html css this is not done, then technology is often needed: svg - user33274
  • @ MaksimLensky Not true! I did. - MrMEX

1 answer 1

And what is difficult?

.scroll { background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4IiB2aWV3Qm94PSIwIDAgNDA4LjYyOCA0MDguNjI4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0MDguNjI4IDQwOC42Mjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc++CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==); width: 160px; height: 180px; background-size: 250px 250px; padding: 20px 50px 50px 40px; } 
 <div class="scroll"> text text text </div>

base64.

  • so the scroll picture in base64 is not a solution - user33274