GameBanana Icon GB Script

Post Tools Popout Effect

Yo, buddy. We are one of the oldest mod sites on the Interwebs. Sign up and maximize your browsing experience.

  • Subscribe: Get notified of new submissions like this.
  • Say Thanks: Show your appreciation by sending Ring-A-Ding Rampage points.
  • Post: Give Ring-A-Ding Rampage your thoughts on this Script.
  • Vote: Help Ring-A-Ding Rampage win the Monthly Awards.
  • Rate: Give this Script a rating out of 10.
  • Flag: Alert moderators and warn members of a problem with this Script.
  • Watch: Get notified when this Script is updated.
Mascot

Interested?

Become a Bananite

Already a Bananite? Login

Updates

1.4
  • Add new transition entry for the "Link" button. (Only meant for Admins since they will have all buttons visible.)
  • Reduced delay times.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Moderator Joined 6y
1,353 points Ranked 4114th
64 medals 6 legendary 16 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage
10d
1.3
  • Modified the hover selector that targets the current post.
  • Removed checkbox input code.
The hover selector now uses the recently added Post class which should be more faster.

The selector has also been modified to only target the current post that is being hovered on but not its' child replies.

The checkbox code has been removed since tom has removed it from posts, making that code useless.
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Moderator Joined 6y
1,353 points Ranked 4114th
64 medals 6 legendary 16 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage
11d
46 lines | 968 bytes | Raw Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
/*** Base Code ***/

.PostTools button
{
        transform        : scale(0);                      /* Resize post tools to become invisible */
        transition       : transform .2s ease-in-out;     /* Smooth transition for the pop out transformation */
}

.Post:hover > .PostHeader .PostTools button
{
        transform        : scale(1);                      /* Reset post tools to normal size, effectively popping them out using transitions. */
}


/*** Transition Delays ***/
/* -- The delays allow individual post tools to pop-out one after the other -- */

.PostTools button:nth-of-type(2)
{
        transition-delay : .05s;
}

.PostTools button:nth-of-type(3)
{
        transition-delay : .1s;
}

.PostTools button:nth-of-type(4)
{
        transition-delay : .15s;
}

.PostTools button:nth-of-type(5)
{
        transition-delay : .2s;
}

.PostTools button:nth-of-type(6)
{
        transition-delay : .25s;
}

.PostTools button:nth-of-type(7)
{
        transition-delay : .3s;
}

Summary

Post Tools are initially hidden but when you hover on a specific post, the tools on that post will pop out one by one.

Preview

Posts

None found

Share

Shareable Image:
Share banner
HTML embed code:
BB embed code:
Markdown embed code:

More embeddable images

Bookmark and Share

Credits

Key Authors
Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar Offline
Moderator Joined 6y
1,353 points Ranked 4114th
64 medals 6 legendary 16 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon
Author

Submitter

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage avatar In Continuum
Moderator Joined 6y
1,353 points Ranked 4114th
64 medals 6 legendary 16 rare
  • Submitted 60 Sprites Medal icon
  • Thanked 500 submitters Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2015 Medal icon
  • Submitted 100 Skins Medal icon
  • Reached 100 subscribers Medal icon
  • 15+ Entries! GameBanana’s Christmas Giveaway 2016 Medal icon

Ring-A-Ding Rampage avatar
Ring-A-Ding Rampage

Creator
Send a Private Message to the submitter

Stats

Posts
0
Views
867
Date Added
2y
Date Modified
10d
Date Updated
10d