Abrir link dentro de um CSS

[mzaidan 2]

Pessoal, tenho uma galeria de imagens.

Quando alguem clica em uma imagem, ela abre segundo a imagem em anexo.

 

Acontece que, preciso criar um botão, estilo esse X (close), só que para download.

 

Em outras palavras, como eu faria para colocar, dentro do CSS, um atributo para fazer o download da imagem?

 

O close no CSS está assim:

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

Tem como eu criar alguma coisa que, quando clicando na imagem, faça o download?

 

Se não, alguma sugestão?

Desde já agradeço;

 

[Megao 0]

Desconheço um jeito de manipular link somente por CSS.

Se eu entendi bem, o CSS é um só para a imagem e o efeito de transição, então vai ter que separar os dois.

 

Se for o caso, você separa e faz assim:

<a download="NomeDaImagem.jpg" href="link da sua imagem">

// CSS da imagem

</a>