怎样通过css点击图片关闭按钮就把图片给关闭了_htmlcss_WEB-ITnose

如题 上一个叉叉关闭按钮 点击之后就关闭这张的效果 怎样实现

回复讨论(解决方案)在线急等。

点击事件就要用到js吧？

只能用css作么？

随便哪种都可以 能做直接给代码吗

box { position: relative; display: inline-block;}box clear { position: absolute; top: 0; right: 0; width: 16px; height: 16px; border: 1px solid #999;} X

无标题文档 box{ position:relative;width:203px;} input[type="checkbox"]{ position:absolute; right:0px; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-appearance: none; width: 20px; height: 20px; background-size: 100%; outline:none; background-image: url("data:image/png;base64,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"); } input[type="checkbox"]:checked,input[type="checkbox"]:checked+img{display:none;}

1酸性出神（Acid Trance）

始于1980年代末与1990年代初，特点是利用“acid”的声音。此类音乐的代表音源─“acid”是利用Roland TB-303所制作出的。Acid Trance的初次出现是在比利时的Antwerp Rave 24。

2果阿出神（Goa Trance）

始于1980年代末的印度果阿邦。其根源可追溯于1960年代与1970年代在嬉皮士之都─果阿的音乐创作。但此类型的正式出现是在1990年代初。果阿出神可被视为嬉皮文化的一部分。

3迷幻出神（Psychedelic Trance或简称Psy Trance）

Psychedelic意指迷幻，利用合成器节奏构成的催眠式架构与复杂层次旋律的重复段落，速度通常在140-150之间，1995年成为主流电子舞曲，是 Goa Trance 的演变。代表人物有 Vini Vici 等。

4渐进出神（Progressive Trance或简称Prog Trance）

Progressive Trance 的BPM约在125-135左右，有着类似House的风格(例如鼓)但是情绪上的进展则是渐进演变。

Progressive Trance 的代表人物包括 Armin van Buuren、Dash Berlin、ATB、Shogun、Paul van Dyk、Andrew Rayel、Cosmic Gate、MaRLo、FEEL、Omnia、Above & Beyond 等。

5科技出神（Tech Trance）

Tech Trance顾名思义汲取 Techno 与 Trance 的元素，采用 Techno 元素其重复自然而强烈的4/4拍击，搭配Trance的旋律，速度约在135-150BPM。代表人物有 Darude、Cosmic Gate、Tiësto

6硬派出神（Hard Trance）

Hard Trance的特色是采用强劲或坚硬的鼓击、完全共振的Bass、数量增大的回响在主要的鼓上。旋律速度通常在 130-150BPM。

7振奋出神（Uplifting Trance）

主要是来自于听众所感受到振奋的感受，运用大调小调的变幻达到快乐或悲伤的感觉，使用相似的和弦进展，大多有着较长的Breakdown，运用旋律由背景透过冲刷般的效果置前。

代表人物有 Ferry Corsten、Giuseppe Ottaviani、Aly & Fila、Sean Tyas、Armin Van Buuren、Solarstone。

8大空间出神（Bigroom Trance）

通常包含 Drop、单纯的打击、规律的节拍、配上 Progressive Trance 的旋律,在派对中广受欢迎。代表人物有: NWYR(W&W)、Mark Sixma、Mikkas、Heatbeat、Orjan Nilsen。

扩展资料：

制作

常规的出神音乐制作，一般会按照“标准”来进行，节奏会设定在125-150BPM之间，节拍通常为4/4拍。也就是说底鼓(kick)位于小节的每个正拍，而军鼓(snare)或击掌(clap)放在第2拍、第4拍，为这两拍增加情绪。

基本节奏中闭镲(close hi-hat)一般放在每个16分音符，同时为了加入切分往往开镲(open hi-hat)放在每个1/8音符反拍，同时应规避开镲与闭镲冲突。鼓组音色通常听起来强劲有力。在主要的过渡、递进、高潮的部分，通常会有一连串冗长且频率更快的军鼓在段落末尾进行情绪的提升和预示。

快速琶音和小调是出神音乐的常见手法，后者一般都会被用上。

出神曲目经常使用一个中心的记忆点(hook)或者旋律，这段旋律会贯穿几乎整首出神曲目，不断的进行重复，更换不同音色的和声以及动机，每4,8,16或32个小节添加或者移除1个声部，不断的把气氛用和声的音色及和弦的变化推高，直到整个高潮(Drop)部分结束为止。

一般出神音乐会有1-2个高潮(drop)部分，在Intro部分和情绪提升部分，主要动机通常以切片或简化的形式引入，以使观众会预感到在高潮部分将听到的内容，而后第二个高潮通常是“乐曲的第一个高潮或者乐曲第一部分的顶端与主旋律的再现混合”，如此手法将听众的情绪、出神的状态从一个高潮延伸到另一个高潮。

在一首出神音乐的最前与最后的部分，与大部分电子舞曲的情况相同，出神音乐通常也会采用仅有鼓组与基本旋律的前奏(Intro)和结尾(Outro)，以便DJ能够将不同的乐曲更方便的混合在一起。

在长久时间以来，出神音乐便保持的是一个固定的曲式结构，类似科技舞曲的基本节奏不能轻易改变，但出神音乐显而易见在旋律、音色上的自由度要比科技舞曲高得多。

而近两年时间，新一代的制作人所开始探索的Forward Thinking Progressive，一种以渐进出神为基础的新式出神制作手法及理念正在发展，将出神音乐的曲式结构变得更加的多元化。

参考资料：