CSS扩展/滑动文本动画

我不能很好地描述这个，所以我做了这个。 我希望当我悬停或单击时，这些链接/文本从一个单词中滑出。 有人能帮我创建这样的东西吗？

Code

#一，二{
浮动：左；
颜色：#ffffff；
宽度：130px；
}
#一个{
文本对齐：右对齐；
右侧填充：0.3em；
背景色：#000000；
}
#两个{
位置：相对位置；
左：-130px；
z指数：-10；
过渡：左0.5s；
}
身体{
背景色：#000000；
}
身体：悬停#2{
左：0；
}

社交
|推特|脸书