- Konsol penceresini güzel hale getirerek meraklı kullanıcılarda marka algısı oluşturmak
- Photoshop'un çevrimiçi sürümü, konsolda simgeler ve çeşitli renklerle sürümü gösteriyor
console.log/info içinde sınırlı olsa da CSS/SVG ve data:image kullanarak görsel ifade etmek de mümkün
Konsolda desteklenen özellikler
- SVG
- Temel SVG ifadeleri:
circle, path vb.
- Gradient, Clip Path, Mask, Filter, Transform, SMIL animasyonları,
foreignObject, Patterns
- CSS
- CSS animasyonları, CSS değişkenleri,
@media sorguları, Viewport birimleri
background-image: linear-gradient()
- JavaScript
- SVG içinde DOM referansları, SVG DOM değiştirme
- Global değişkenler ve CSS değişkenlerinden yararlanma
- HTML render etme
- SVG'ye benzer kısıtlamalar var.
a etiketi kullanılamıyor. Event listener kullanılamıyor vb.
- SVG içindeki
foreignObject içindeki HTML'de 3D Transform da mümkün
Henüz yorum yok.