# Funny custom spinner

**URL:** <https://meta.discourse.org/t/funny-custom-spinner/52119>\
**Category:** Development\
**Created:** [27 أكتوبر 2016، 8:29م UTC](https://meta.discourse.org/t/funny-custom-spinner/52119 "2016-10-27T20:29:59Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [1 نوفمبر 2016، 12:21م UTC](https://meta.discourse.org/t/funny-custom-spinner/52119/4 "2016-11-01T12:21:03Z")

</div>

Using tools like [http://cssanimate.com/](http://cssanimate.com/) it’s very simple add some effects even if you have no knowledge of CSS.  
You need only to remember to change the Class Name before copy and paste the code in you CSS tab (in this case the Class Name is `spinner`)

Oh… and add those lines when you use a custom URL img

```plaintext
.spinner{
    width: 128px; /*change this*/
    height: 128px; /*and this in relation to the image size*/
    background-image: url("your-url-image.png");
    border: none;
}
```

---

_[View the full topic](https://meta.discourse.org/t/funny-custom-spinner/52119)._