الگو:آیکون نوین/styles.css

.icon-bar-title-page {
  position: relative;
  padding: 0 0 0 5px;
  clear: both;
  display: inline-block;
}

.icon-title-bar, .icon-wrapper {
  display: inline-block;
  text-align: center;
  width: 30px;
  height: 30px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.icon-title-bar img, .icon-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: filter 0.3s ease, transform 0.3s ease;
}

.icon-title-bar:hover, .icon-wrapper:hover {
  transform: scale(1.1) rotate(360deg);
}

.icon-title-bar img:hover, .icon-wrapper img:hover {
  filter: brightness(0.7);
}