اسرار و ویژگی های CSS4

طراحی Presponsive

@media (flux-capacitor: true) {
    88mph {
        body { background: url('loading.gif'); }
    }
}

اسکریپت نویسی در CSS

*:hover {
    script: script(alert('hello world'));
}

var doc = document;
var star = doc.all;

window.hello_world = function(message) {
    message = message || 'hello world';
    alert(message);
}

for(var i = 0; i < star.length; i++) {
    if(star[i] && star[i].nodeName) {
        star[i].onmouseover = function() {
            if(window.hello_world) {
                hello_world();
            }
        }
    }
}

CSS نویسی در سمت سرور

terminal {
    background: url("puppies.gif");
    color: #f0f;
    transform: rotate(-90deg);
}
    terminal error {
        display: none; /* Never write bad code again */
    }

طراحی مناسب email ها

خاصیت های جدید و قدیمی

نتیجه گیری