I'm afraid you'll need to be more specific about what you're confused on. The step-by-step instructions for adding CSS are in this journal. If you're wondering about learning how to write CSS, you'll have to try another resource, as this part does not cover that. 
How can I get the groups widget to be like in the example shown above.
It's a recreation of the groups widget, not the actual groups widget itself. If you look closely, you'll see that it's a Featured Deviation widget.
The angling of the icons and then the hover transitions are done with CSS3. If you google that, you'll get a whole bunch of tutorials and info on how to use that.
The angling of the icons and then the hover transitions are done with CSS3. If you google that, you'll get a whole bunch of tutorials and info on how to use that.
Alright, thanks for the responses (Sorry for the late reply 
)
(Sorry for the late reply )