CSS实现选中图片效果

2019独角兽企业重金招聘Python工程师标准>>>

HTML

<div class="transparent_block" id="default"><img class="transparent" src="http://pic.616pic.com/ys_img/00/66/73/cTnkWv7ZqX.jpg"/>
</div>

CSS

img.transparent {width: 200px; height: 200px;margin: auto 5px;}
#default {background: #fff url(./static/admin/img/icon-success.png) no-repeat center center;}
#default img.transparent {filter:alpha(opacity=30);moz-opacity:.30;opacity:.30;}

转载于:https://my.oschina.net/u/118686/blog/1863856

CSS实现选中图片效果相关推荐

html div点击选中效果,纯css实现选中切换效果
最近不太忙,多写几篇文章.很多时候我们用js来实现视觉效果,其实不用那么麻烦,掌握一些常用的css知识能让你事半功倍,这篇文章讲的是使用纯css来实现一个列表项的选中效果,希望对你有所帮助实现这个效 ...
CSS+DIV-设置图片效果
4-1.html <html> <head> <title>边框</title> <style> <!-- img.test1{ ...
CSS ::selection 选中文字效果
::selection伪元素,用来定义用户鼠标已选择内容的样式测试代码: p::selection{ background: #45caaf; color: #fff; } p::-moz-sele ...
php图片滑动的属性,使用css怎么实现图片的滑动效果？（示例）
本篇文章主要给大家介绍关于css实现图片的滑动效果示例,希望大家阅读完本篇后对css滑动效果的相关知识有所了解. 下面给大家举一个简单的css图片滑动效果示例(自下而上滑动): css怎么实现图片滑动 ...
html页面图片翻转特效代码,如何使用css实现翻转图片的效果（附代码）
本篇文章给大家带来的内容是关于如何使用css实现翻转图片的效果(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 具体效果图如下: 主要用到的技术除了3D翻转和定位 ,还用到了 ...
图片上的文字用CSS写出毛玻璃效果
图片上的文字用CSS写出毛玻璃效果 2016-10-04 08:11 网页设计标签:css 1297 发表评论半透明颜色最初的使用场景之一就是作为背景.将其叠放在照片类或其他 ...
【用HTML+CSS实现简单的轮播图片效果】
本文主要从两种方式上实现轮播图片效果方法一 ***================================================================== 本方法为渐变轮 ...
【CSS】纯css实现立体摆放图片效果
1. 元素的 width/height/padding/margin 的百分比基准设置一个元素 width/height/padding/margin 的百分比的时候,大家可知道基准是什么? 举 ...
HTM+CSS实现立方体图片旋转展示效果
目的:HTM+CSS实现立方体图片旋转展示效果环境: 系统:Win10 环境: 一.示例1. 话不多说直接上代码 <html><head><style>/*立方体 ...
html svg波浪,CSS实现svg图片水纹波浪流动效果
CSS实现svg图片水纹波浪流动效果里面的其他颜色是自己加的,把下面代码自己改改就可以html> 标题 body { margin:0; background:red; } h1 { fo ...

CSS实现选中图片效果

CSS实现选中图片效果相关推荐

最新文章

热门文章