欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

程序员文章站 2022-05-19 13:02:16
...
今天给大家分享30款css3实现的鼠标经过图片显示描述特效,鼠标经过这些图片的时候以非常炫的方式显示图片的描述。为保证最佳的效果,请在 IE10+、Chrome、Firefox 和 Safari 等现代浏览器中浏览。

在线预览 源码下载

实现的代码。

html代码:

 

Hover Effect Ideas An inspirational collection of subtle hover effects

Lily

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Nice Lily

Lily likes to play with crayons and pencils

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Nice Lily

Lily likes to play with crayons and pencils

View more

Sadie

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Holy Sadie

Sadie never took her eyes off me.
She had a dark soul.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Holy Sadie

Sadie never took her eyes off me.
She had a dark soul.

View more

Honey

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Dreamy Honey Now

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Dreamy Honey Now

View more

Layla

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Crazy Layla

When Layla appears, she brings an eternal summer along.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Crazy Layla

When Layla appears, she brings an eternal summer along.

View more

Zoe

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Creative Zoe

Zoe never had the patience of her sisters. She deliberately punched the bear in his face.

Oscar

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Warm Oscar

Oscar is a decent man. He used to clean porches with pleasure.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Warm Oscar

Oscar is a decent man. He used to clean porches with pleasure.

View more

Marley

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Sweet Marley

Marley tried to convince her but she was not interested.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Sweet Marley

Marley tried to convince her but she was not interested.

View more

Ruby

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Glowing Ruby

Ruby did not need any help. Everybody knew that.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Glowing Ruby

Ruby did not need any help. Everybody knew that.

View more

Roxy

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Charming Roxy

Roxy was my best friend. She'd cross any border for me.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Charming Roxy

Roxy was my best friend. She'd cross any border for me.

View more

Bubba

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Fresh Bubba

Bubba likes to appear out of thin air.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Fresh Bubba

Bubba likes to appear out of thin air.

View more

Romeo

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Wild Romeo

Romeo never knows what he wants. He seemed to be very cross about something.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Wild Romeo

Romeo never knows what he wants. He seemed to be very cross about something.

View more

Dexter

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Strange Dexter

Dexter had his own strange way. You could watch him training ants.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Strange Dexter

Dexter had his own strange way. You could watch him training ants.

View more

Sarah

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Free Sarah

Sarah likes to watch clouds. She's quite depressed.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Free Sarah

Sarah likes to watch clouds. She's quite depressed.

View more

Chico

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Silly Chico

Chico's main fear was missing the morning bus.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Silly Chico

Chico's main fear was missing the morning bus.

View more

Milo

30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Faithful Milo

Milo went to the woods. He took a fun ride and never came back.

View more
30款css3实现的鼠标经过图片显示描述特效_html/css_WEB-ITnose

Faithful Milo

Milo went to the woods. He took a fun ride and never came back.

View more

via:http://www.w2bc.com/Article/19556